読者です 読者をやめる 読者になる 読者になる

woshidan's blog

そんなことよりコードにダイブ。

チェックボックスのTRUE/FALSEをDOMで参照する

JavaScript

あけましておめでとうございます。今年もよろしくおねがいします。

 

ここには今のところ言語について勉強したことしか書いてないけれど、

もう少ししたら今の実力のなさについてつらつらと書きたい(コーディングの基本, 段取りの悪さ)+今年はそこを少しでも直したいと思います。

いま、↓でいうレベル2なのだということがひしひしと……。

http://www.geekpage.jp/blog/?id=2007/7/9

はい、いま書いているのを除いたら、課題で2度ほど小規模なプログラムを書いたくらいですね……。

 

そして、いま書いているのが時期をとうに過ぎてなお書いても書いても終わらないのは設計不足ですね←

この辺の反省は、また書き終わったら書きます。

 

html

<form action="sample.php">

  <input type ="checkbox" name="check" />

</form>

 

JavaScript

var check = document.getElementById('check');

console.log(check.value);

// 出力がチェックボックスのチェックを入れたり外したりしても onのまま

 

で、チェックボックスのON/OFFが取得できなかったので、JavaScript辞典を開いたら、

あらかじめチェックボックスが含まれるフォームの要素を取得しておいてから、

(フォームの要素).element['チェックボックスの名前'];

チェックボックスの要素を取得して、

(チェックボックスの要素).checked;

とする必要があるみたいです。

 

具体的には

html

<form action="sample.php" id="form" >

  <input type ="checkbox" name="check" />

</form>

JavaScript

var formElem = document.getElementById('form');

var check = formElem.elements['check'];

console.log(check.checked);