for文の使い方について

質問

こんばんはpiyottiと申します。
forループを使用してtextの値を取得したいと思っています。
「document.myFORM.namei・・・」の「i」をループカウンターとして
「name1、name2・・・」と増やしていきたいのですがうまくいきません。
どうかよろしくお願いいたします。

<script Language="JavaScript"><!--
function calc(form)
{
n = 0;
for (i=0; i<4; i= i+;)
n += eval(document.myFORM.namei.value);
}
// --></script>

<form name="myFORM">
数値１：<input type="text" onChange="calc(this.form, this)" name="name1">
数値２：<input type="text" onChange="calc(this.form, this) name="name2">
数値３：<input type="text" onChange="calc(this.form, this) name="name3">
数値４：<input type="text" onChange="calc(this.form, this) name="name4"><br>

</form>

回答No.1

noname#4252 · ベストアンサー

こんな感じでしょうか。
0を引いてるのは文字列として扱われないようにするためです。

<script Language="JavaScript"><!--
function calc(form)
{
var n = 0;
for (i=1; i<=4; i++) {
n += eval("form.name"+i+".value") - 0;
}
form.name5.value = n;
}
// --></script>

<form name="myFORM">
数値１：<input type="text" onChange="calc(this.form)" name="name1"><br>
数値２：<input type="text" onChange="calc(this.form)" name="name2"><br>
数値３：<input type="text" onChange="calc(this.form)" name="name3"><br>
数値４：<input type="text" onChange="calc(this.form)" name="name4"><br>
<br>
合計：<input type="text" name="name5"><br>
</form>

お礼

こんにちは、思い通りの結果を得ることができました。
わかりにくい質問内容にもかかわらず
とってもわかりやすく、今後も自分でつかえるものとなりました。

arrowrootさんほんとうにどうもありがとうございました。