スポンサードリンク

JavaScriptからチェックボックスの情報を取得しよう

JavaScript からチェックボックス(下の2行目のタグ)の値を取得しよう! というお話です。

<form name="nF1" id="iF1" action="./index.cgi" method="POST">
  <input type="checkbox" name="nCB1" id="iCB1" value="OK">
</form>

この場合、

var value = document.getElementById('iCB1').value;

とすれば、値 "OK" は取得できるのですが、チェックボックスがチェックされているかどうかまでは、分かりません。

というわけで、チェックされている場合のみ値を取得するには

var value = undefined;
if(document.getElementById('iCB1').checked){
  value = document.getElementById('iCB1').value;
}

としてやればOKです。また、name 属性経由で、

document.nF1.nCB1.checked;
document.nF1.nCB1.value;

からもアクセスできます。

ちなみに、checkedプロパティの値は、チェックされていれば true が、チェックされていなければ false がセットされています。

また、checkedプロパティに true or false を代入することで、JavaScript からチェックボックスのチェックの ON/OFF を制御することができます。

参考リンク
 ・チェックボックスを扱う-JavaScript入門
 ・全てのチェックボックスをチェック/解除する - JavaScript
 ・チェックボックスを全チェックON/OFFとする方法 - JavaScript

スポンサードリンク
コメント
Verify your Comment
Previewing your Comment

This is only a preview. Your comment has not yet been posted.

Working...
Your comment could not be posted. Error type:
Your comment has been posted. Post another comment

The letters and numbers you entered did not match the image. Please try again.

As a final step before posting your comment, enter the letters and numbers you see in the image below. This prevents automated programs from posting comments.

Having trouble reading this image? View an alternate.

Working...

コメントを投稿
トラックバック

このページのトラックバックURL:
http://www.typepad.com/services/trackback/6a01310f1f31c0970c017ee63d0d49970d

このページへのトラックバック一覧 JavaScriptからチェックボックスの情報を取得しよう:


プロフィール


  • 書いてる人:夢界 陸

    名古屋在住のおっさん。
    プログラミングやガジェットの話など、 日々の興味を徒然と綴っています。



    Twitterやってます @mukairiku



    運営サイト
    www.mukairiku.net

アクセスランキング


ブログ内検索

Licenses

  • Creative Commons License

OTHER

  • このブログのはてなブックマーク数

    ブログパーツ
Blog powered by TypePad

スポンサードリンク