formの配列をjsでカウントしたい

質問

お疲れ様です。
PHPで処理する用に
<input type="checkbox" name="array[]" val="11111" />チェック１
<input type="checkbox" name="array[]" val="22222" />チェック２
<input type="checkbox" name="array[]" val="33333" />チェック３

とnameを配列にしておき、submitされたときに、
チェックされた項目のみをカウントして○件チェックされました。
とポップアップするようなスクリプトを書きたいのですが、

document.MyForm.array.value <-普通のテキストならこう書きますが、
配列の場合はどうかいたらよいのでしょうか？

http://ml.php.gr.jp/pipermail/php-users/2005-August/027043.html
のdocument.form1.elements[i]や

document.forms['MyForm'].elements['str[1]'].value
などの書き方も試してみましたが、
undefinedになってしまいます。

PHP側はいまあるままいじりたくないので、form内のname属性はそのままにしたいです。

このような場合、どう書けばチェックされたものだけをカウントすることができるのでしょうか？
よろしくお願いします。

回答No.1

yambejp · ベストアンサー

>document.MyForm.array.value <-普通のテキストならこう書きますが、

これはあまり普通ではなく最近は推奨されていない方法です。
（たぶんformに名前をつけて管理したいのでしょうけど）

そもそもチェックされているデータの数をカウントするのですから
valueは関係ないですね。
こんな風にしてみてはどうでしょう？

なお、サブミット時の警告ということでconfirmにしておきましたがalertでやっても問題ないです

<script>
function check(f){
var count=0;
for(var i=0;i<f.length;i++){
if(f[i].name=="array[]" && f[i].checked) count++;
}
var flg=confirm(count.toString()+"件チェックされました");
return flg;
}
</script>
<form onsubmit="return check(this)">
<p>
<input type="checkbox" name="array[]" value="11111" />チェック１
<input type="checkbox" name="array[]" value="22222" />チェック２
<input type="checkbox" name="array[]" value="33333" />チェック３
<input type="submit" val="go" />
</p>
</form>

お礼

回答ありがとうございます。
見事にできました。

今までJSにはあまり触らなかったので、よくわかりませんでしたが、
document～がもう推奨されていないとはショックです（笑）