sa-sa-ki.jpのblog

前々から興味のあったjQueryを使ってゲームを作ってみました。
ゲームの内容は5×5マスに1～25までランダムに表示されている番号を順番にクリックして時間を計測するものです。
せっかくだからどこかに公開できないか考え中です。

jQueryでラジオボタンの値を取得しようとして以下のようなコーディングをしていて、うまく動かなかった。
HTML

<input type="radio" value="1" id="diff" name="diff" checked>初級
<input type="radio" value="2" id="diff" name="diff">中級
<input type="radio" value="3" id="diff" name="diff">上級
<input type="radio" value="4" id="diff" name="diff">最上級

jQuery

var myLevel = $("#diff:checked").val();

ページの中にidを2つ以上記載しているのがそもそもダメダメなんだけど、これでも初級の場合は値が取得できていたのでうまく動いている気になっていた。

改めてテストをしたところ、中級以降の値が取れていなかったので調べてみたらnameで値を取得するのが正しいやり方みたい。
HTML

<input type="radio" value="1" id="diff1" name="diff" checked>初級
<input type="radio" value="2" id="diff2" name="diff">中級
<input type="radio" value="3" id="diff3" name="diff">上級
<input type="radio" value="4" id="diff4" name="diff">最上級

jQuery

var myLevel = $("input[name='diff']:checked").val();

これで中級以降の値も取得することが可能。