2009/01/28

[javascript]radioボタンの必須チェック

radioボタンの必須チェック。

まずradioボタンが1個の場合に、下のようなhtmlがあったとする。
(以下、formタグのname属性をfrm_nameとする。)

<input type="radio" name="hoge" value="1">test

これにチェックがついているかどうかの確認は、

if(document.frm_name.hoge.checked == false){
//エラー処理を書く
alert("チェックが入っていません。");
}

というフォーマットで、チェックすることができます。

では、複数ある場合、ここでは、2つにしましょう。
例によって、下のようなhtmlがあったとします。

<input type="radio" name="hoge" value="1">test1
<input type="radio" name="hoge" value="2">test2

これに対する必須チェックは、

if(document.frm_name.hoge[0].checked == false
&& document.frm_name.hoge[1].checked == false){
//エラー処理を書く
alert("チェックが入っていません。");
}

と書くことができます。

ここで、問題となってくるのは、n個ある場合に、ifの中がすごく長くなってしまうこと。

どーにかならないかなと。

1 件のコメント:

  1. ぱっと思いつく所だと、lengthで
    取ってきた分loopを回してチェックが
    簡単?

    返信削除