フォームのエレメント名の一部だけに、引数を使うには？

質問

<FORM name="myform">
<INPUT type="checkbox" name="el_word123" onClick="Switch('word123');">
</FORM>

というチェックボックスに対して、以下のxxxに引数を入れて、
チェックをオンにするスクリプトを書くにはどうすれば良いでしょうか？

function Switch(xxx){ // xxx = word123
window.document.myform.el_xxx.checked = true
}

試しに以前こちらで教わったevalというのを使ってみて、
window.document.myform.eval('el_' + wid).checked = true
としたところ、FireFoxではうまく行ってしまいました(!) が、IEではエラーが出て、チェックが入りませんでした。

ゆえあって、name="el_word123" の部分は、このようにel_xxxという形で保ち、
引数'word123'自体もこの形で保ちたいのです。

恐れ入りますが、どなたかアドバイスいただけないでしょうか...。よろしくお願いいたします。m(_ _)m

回答No.1

yambejp · ベストアンサー

evalは使う必要はないでしょう。

厳密には
document.forms["myform"].elements["el_"+xxx].checked = true

とすると明示的でわかりやすいでしょうけどめんどうなら

document.myform["el_"+xxx].checked = true
でもいいはずです
あと、Switchのような予約語系のユーザー関数ははまるので
あまりお勧めできません。（まぁ今回のケースは問題なさそうですが）

<script language=javascript>
function Switch(xxx){
document.myform["el_"+xxx].checked = true
}
</script>
<FORM name="myform">
<INPUT type="checkbox" name="el_word123" onClick="Switch('word123');">
</FORM>

お礼

document.forms["myform"].elements["el_"+xxx].checked = true
を使わせていただき、おかげさまでバッチリできました！！
とてもわかりやすいご回答をありがとうございました。m(_ _)m
さらに予約語くさい(笑)Switchの件でもアドバイスまでいただいて、感激です。
いただいたご回答を元に、フォームのエレメントへのアクセスの仕方を、
もう一度きちんと勉強し直そうと思います。
本当にありがとうございました！