checkbox 特定項目だけを、チェックするには

質問

こんにちは。いつもお世話になります。

checkbox内で、同じnameの中から特定のものだけ
チェックさせるにはどうしたら良いでしょうか。
条件として、name='or52'の部分は変更出来ません。

<input type='button' value='A,B,Cだけを同時にチェック' onclick='checkAll();'>
<form action='xxx.cgi' method='post' name='f1'>
<input name='or5' type='checkbox' value='A'><br>
<input name='or5' type='checkbox' value='B'><br>
<input name='or5' type='checkbox' value='C'><br>
<input name='or5' type='checkbox' value='D'><br>
<input name='or5' type='checkbox' value='E'><br>
<input name='or5' type='checkbox' value='F'><br>
.........
</form>

それで、こんなのをウェブから探してきました。

function checkAll() {
for (i=0; i<7; i++)
document.f1.elements["or52"+i].checked = true;
}

そして、同時にチェックしたいものだけ下記の様にしました。
<input name='or52' type='checkbox' value='A' id='or51'>
<input name='or52' type='checkbox' value='B' id='or52'>
<input name='or52' type='checkbox' value='C' id='or53'>

取りあえずできますが、エラーがでます。
「document.f1.elements["..."]は、objまたはnullではない！」

どうか教えて下さい。よろしくお願いします。

回答No.1

trisagion · ベストアンサー

JavaScript部分を以下の様にしたらどうでしょう？

function checkAll() {
　for(i=0; i < document.f1.elements["or52"].length; i++){
　　if(document.f1.elements["or52"][i].id){
　　　document.f1.elements["or52"][i].checked = true;
　　}
　}
}

チェックボックスの内、id指定がしてあるものだけチェックします。

おせっかいながら、私なら以下のようにします。

呼び出し元
<input type='button' value='A,B,Cだけを同時にチェック' onclick="checkAll('f1','or52')">
JavaScript部分
function checkAll(form,name){
　var objects = document.forms[form].elements[name];//１）
　var length = objects.length;
　for(i = 0; i < length; ++i){
　　flag = objects[i].checked;//２）
　　switch(objects[i].value){//３）
　　　case 'A': ;
　　　case 'B': ;
　　　case 'C': flag = true; break;
　　}
　　objects[i].checked = flag;//３）
　}
}
１）フォームf1内のor52という名前を持っている要素を配列として取得。
２）要素(チェックボックス)の元の値を保存しておく。
３）要素の値(value)がチェックしたい値のものであれば、保存した値をtrueに変更。
４）保存や変更した値を設定する。

お礼

ありがとうございます。
無事、解決しました。