jQueryで複数のラジオボタンを処理
jQueryを最近使い始めました。
以下のようなことをしたいのですが、いいやり方が分かりません。
jQueryを使ってページの読み込み後すぐに、ラジオボタンにチェックを入れたいと思っています。
以下のようにすると実際にチェックが入りました。
HTML
<input type="radio" name="a" value="1" />
<input type="radio" name="a" value="2" />
jQuery
if(!$("input:radio[name=a]:checked").val()){
$("input:radio[name=a]:first").attr("checked" , "checked");
}
ラジオボタンが複数ある場合、上記のjQueryのnameの値を変えたものを増やしていけば対応できたのですが、ラジオボタンがたくさんある場合、同じようなスクリプトが何行も増えてしまいます。
うまく関数にする方法やその他よい対処法はないでしょうか。
<input type="radio" name="a" value="1" />
<input type="radio" name="a" value="2" />
<input type="radio" name="b" value="1" />
<input type="radio" name="b" value="2" />
<input type="radio" name="c" value="1" />
<input type="radio" name="c" value="2" />
…
if(!$("input:radio[name=a]:checked").val()){
$("input:radio[name=a]:first").attr("checked" , "checked");
}
if(!$("input:radio[name=b]:checked").val()){
$("input:radio[name=b]:first").attr("checked" , "checked");
}
if(!$("input:radio[name=c]:checked").val()){
$("input:radio[name=c]:first").attr("checked" , "checked");
}
…