テーブル内のチェックボックスを、全て選択、全て解除 したい

以下のような、フォームの中にあるテーブル内のチェックボックスを一括して選択、解除したいのですが、どのように書けば良いのかが分かりません。


<form name="form1">
<table>
<tr>
<td><input name="array[]" type="checkbox" id="array[]" value="1">項目(1)</td>
</tr>
<tr>
<td><input name="array[]" type="checkbox" id="array[]" value="2">項目(2)</td>
</tr>
<tr>
<td><input name="array[]" type="checkbox" id="array[]" value="3">項目(3)</td>
</tr>
</table>
</form>


↓これは自分で試したプログラムですが、うまく動きませんでした。

<SCRIPT TYPE="text/javascript">
<!--
var count;
function BoxChecked(check){
for(count = 0; count < document.form1.array[].length; count++){
document.form1.array[][count].checked = check;
}
}
//-->
</SCRIPT>


<INPUT TYPE="button" onClick="BoxChecked(true);" VALUE="全て選択">
<INPUT TYPE="button" onClick="BoxChecked(false);" VALUE="全て未選択">


↓ここに載っているのを色々変更してみたのですが上手くいきませんでした。
http://www5e.biglobe.ne.jp/~access_r/hp/javascri …


よろしくお願いします。

No.1 ベストアンサー 回答者： BLUEPIXY 回答日時： 2005/09/16 01:52

こんな感じで

--------------------------------
function BoxChecked(check){
for(count = 0; count < document.form1["array[]"].length; count++){
document.form1["array[]"][count].checked = check;
}
}

あと、同じＩＤを複数つけるのはいただけませんよ

この回答へのお礼

ありがとうございます！
問題なく動きました。

IDそうですね。確かに。
早くて正確な回答、大変助かりました。

お礼日時：2005/09/16 03:05