Java Script 買い物フォームで elements[i] が期

質問

Java Script　買い物フォームで　elements[i] が期待通り作動しません。

症状。。。Google（Chrome）では正常ですが、IE8　Firfox　ブラウザでは２段目のメモリ覧でのｒａｄｉｏボタンが作動しません。
なお、<FIELDSET><LEGEND>タグを外すと正常に作動します。
または、6より大きな数字（8など）を入れると正常作動します。ｉはボタン数のはずですが。。。
原因を教えてください。

ＴＨＭＬのリンク先です。
http://www.home.zaq.jp/tera/mitumori.html

<SCRIPT Language="JavaScript">
<!--
function calc()
{
Yen=0;
for (i=0; i<6; i++)
{
if (document.calcFORM.elements[i].checked)
{
Yen += eval(document.calcFORM.elements[i].value);
}
}
document.calcFORM.合計.value = (Yen + 60000) + "円";
}
//-->
</SCRIPT>

回答No.1

fujillin · ベストアンサー

elements.lengthを調べてみれば、原因がわかると想像されます。

あるいは、
var e = document.forms["calcFORM"].elements;
for (i=0; i<e.length; i++) alert(i + " / " + e[i].nodeName);
で添字と要素の関係を確認してみるとか？

お礼

ありがとうございました。
elements[i]でのカウントはradioボタンなどの要素だけかと思っておりましたが、
表示される　noｄｅName　をみて間違いがはっきりわかりました。

回答No.3

yamada_g

chromeのみdocument.calcFORM.elements にfieldset要素が含まれていないようですね。
ブラウザとしてどちらの動きが正しいのか自分には不明ですが、それが原因で動作に違いが出てきてますね。
chrome以外ではfiledset要素も含まれているため、i<8としないと最後のラジオボタンまで判定処理が動きません。

修正としてはgetElementsByTagName('input')などを使用して、
input要素を全て取得→ラジオボタンかを判定→選択されていたら合算する、
という風にするのが簡単でしょうか。

お礼

カウント要素にfiledsetが含まれるとは勉強不足でした。
ありがとうございました。

回答No.2

yyr446

抜本的にかえたいところだけど、
質問者さんのやり方を尊重して、
for (i=0; i<6; i++)
を
for(i=0;i<document.calcFORM.elements.length;i++)
へ
変えてはいかが