ラジオボタンの初期値について

質問

いつも大変お世話になってます。
ラジオボタンで、ページが読み込まれたら、値によって、
選択されている状態にしようと思っているのですが、うまくいきません。

以下、ソース部分です。
★javascript部分

addOnload(function() {
var tantou9 = "<%=szei_hasu_kbn%>"
var element9 = document.getElementById("hasu");
for (var i=0; i<element9.options.length;i++) {
if(element9.options[i].value === tantou9){
element9.options[i].checked = true;
break;
};
};
});

addOnload(function() {
var tantou10 = "<%=szei_zei_kbn%>"
var element10 = document.getElementById("zei");
for (var i=0; i<element10.length;i++) {
if(element10.item[i].value === tantou10){
element10.item[i].checked = true;
break;
};
};
});

上は、プルダウンの時の処理を真似てるので、違うんだろうなとは思います。
例えば、element10[1].checked = true;　だけを実行してもダメでした。
addOnload(function()部分は、他の処理はできるので、ここは間違ってないと思います。
ちなみにサーバーサイドはASPで、<%=szei_zei_kbn%>に値が問題なく入ってることは、
確認できてます。

★HTML部分です。

<tr>
<th>
<b>端数</b>
</th>
<td>
<input id="hasu" type="radio" name="zei_hasu" style="width:100%" rows=1 value="0">四捨五入
</td>
<td>
<input id="hasu" type="radio" name="zei_hasu" style="width:100%" rows=1 value="1">切捨
</td>
<td>
<input id="hasu" type="radio" name="zei_hasu" style="width:100%" rows=1 value="2">切上
</td>
</tr>
<tr>
<th>
<b>税</b>
</th>
<td>
<input id="zei" type="radio" name="zei_zei" style="width:100%" rows=1 value=0>外税
</td>
<td>
<input id="zei" type="radio" name="zei_zei" style="width:100%" rows=1 value=1>内税
</td>
<td>
<input id="zei" type="radio" name="zei_zei" style="width:100%" rows=1 value=2>非課税
</td>
</tr>

どなたかご存知の方がいらっしゃいましたら、ご教授お願いします。
宜しくお願いします。

回答No.1

askaaska · ベストアンサー

id は画面の要素1つに対して１つ
それはラジオボタンも同じ

なので、
・ラジオボタンのidは全部別のものにする
・JavaScriptで取得するときはgetElementsByNameを使う

こんな感じ？

お礼

ご回答ありがとうございました。
idはわけないとダメなのですね。
getElementsByNameを使用して無事動作するようになりました。

こんな感じでうまく動作しました。
addOnload(function() {
var tantou10 = "<%=szei_zei_kbn%>"
var element10 = document.getElementsByName("zei_zei");
for (var i=0; i<element10.length;i++) {
if(element10[i].value === tantou10){
element10[i].checked = true;
break;
};
};
});

大変助かりました。
ありがとうございました。