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

質問

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

<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/javascript/js_072.html

よろしくお願いします。

回答No.1

BLUEPIXY · ベストアンサー

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

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

お礼

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

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