フレームワークによってどうしてもname属性がa[1].bになってしまうとき

質問

現在Strutsにて開発中です。
Strutsのiterateの中にチェックボックスが存在します。
次の画面にてチェックが入ったか入っていないかを判断するために、チェックボックスはどうしても
<html:checkbox name="selectTimesInfo" property="selectTimes" value="1" indexed="true"/>
とうい形で宣言しなくてはなりません。

そうするとHTMLに変換された際、
<input type="checkbox" name="selectTimesInfo[14].selectTimes" value="1" checked="checked">
といった形で
name="selectTimesInfo[14].selectTimes"
となってしまいます。

([]ないの数字は、iterateで回る数分増えていきます。)

いっせいに、チェックをつけたり、消したりすることをjavaScriptにて行いたいのですが、name属性が普通と異なるため、うまくいきまん。

現在、
function BoxChecked(check){
var count;
var inform;
var name;
for(count = 0; count < 15; count++){
inform = document.MainForm;
name = "selectTimesInfo["+count+"].selectTimes";
inform.name.checked = check;
}
}
といった内容でこころみてはいるのですが・・・。

どなたか対処方ご存知でしたら教えてください。

回答No.1

leaz024 · ベストアンサー

name属性は確かに特殊な値ですが、それが問題ではないと思います。

inform.name.checked = check;
のところを
inform[name].checked = true;
としてみて下さい。

お礼

ありがとうございました。まる1日悩んでいたのがうそのように解決しました。本当にありがとうございます。

回答No.2

caitsith_goo

inform.name.checked = check;
で記述がある『check』は、
onClick="BoxChecked(true)"
onClick="BoxChecked(false)"
で渡された値であるとして説明します。

以下のようにすると特定の名前を持つオブジェクトに対して一括で処理を行うことができます。

function BoxChecked(check) {
for(var i=0; i<document.form.elements.length; i++) {
var obj_name = document.form.elements[i].name;
if (obj_name.search(/^selectTimesInfo/)==0) {
document.form.elements[i].checked = check;
}
}
}

if (obj_name.search(/^selectTimesInfo/)==0) {
とある行で他にも条件を追加すればもっと条件を絞り込むことができます。

obj_name.search(/^selectTimesInfo/)
はマッチする場合は『0』マッチしない場合は『-1』を返します。

お礼

ご丁寧に、ソースの解析をしていただきまして、本当にありがとうございます。おかげでたすかりました。