同一nameの　input type="text" の合計を計算したい

解決済

質問者：hide-key
質問日時：2008/05/29 16:09
回答数：4件

初めて質問させて頂きます。
form 内で同じname名を付けられたテキストフィールドの値の合計を計算し、その値に定数を乗じた値を表示させたいのですが、出来ずに困っております。
name名を別にすれば簡単に出来そうなのですが、このinputが別CGIからの受け取りの関係で数が不定で同一nameが付いてしまいます。（inputは1個以上で上限は無し）
CGI側を書き換える事は自分の技術的に不可能なので、このような質問となりました。

以下は自分なりに試行錯誤の末の拙いソースです。
どなたかお分かりになる方、ご教授を宜しくお願い致します。

<html>
<head>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript">

</script>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
</head>
<body>
<form action="" name="form1">
<table>
<tr><td><input name="kazu" type="text" value="2"></td></tr>
<tr><td><input name="kazu" type="text" value="1"></td></tr>
<tr><td><input name="kazu" type="text" value="3"></td></tr>
<tr><td>・・・増えたりします・・・</td></tr>
<tr><td><input type="button" size="8" onclick="kakunin()" value="合計を確認"></td></tr>
<tr><td><input type="text" name="field_total" size="30" value="total"></td></tr>
</table>
</form>
</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： nda23
回答日時：2008/05/29 16:28

getElementsByNameで同一Nameを持つ要素（配列）が求められます。

var 合計 = 0;
var 要素 = document.getElementsByName("kazu");
for( var i = 0 ; i < 要素.length ; i++ ) {
　　var 値 = parseInt(要素[i].value);
　　if( !isNaN(値) ) 合計 += 値;
}
同じ名前でボタンとかないですよね？
あるんだったらTypeも見なければなりません。（上記コードには無い）

- 0
- 件

通報する

この回答へのお礼

nda23様、ご厚意有難う御座います。＾＾

SAYAKA様の回答と発想は同じという事でしょうか・・・？
スクリプトも書いて頂いたのですが、
何しろ力不足で・・・＾＾；
同じ名前のボタンは無いです。

やってみますっ
ε=ε=ε= (；>o<) ・・・

通報する

お礼日時：2008/05/29 16:50

No.4

回答者： yambejp
回答日時：2008/05/29 17:49

inputのtypeがtextのものを拾えばよいのでしょ？

nameなんて無視しちゃえばいいじゃない。
ちなみにformにnameつけるのは非推奨なのでやめた方がいいでしょう

<script type="text/javascript">
function kakunin(f) {
var subtotal =0;
for(var i=0;i<f.length;i++){
if(f[i].type=="text" && f[i].value.match(/^\d+$/) ) subtotal+=parseFloat(f[i].value)
}
var total = subtotal * 200;
f.field_total.value = total;

}
</script>
<form>
<table>
<tr><td><input name="kazu" type="text" value="2"></td></tr>
<tr><td><input name="kazu" type="text" value="1"></td></tr>
<tr><td><input name="kazu" type="text" value="3"></td></tr>
<tr><td><input type="button" size="8" onclick="kakunin(this.form)" value="合計を確認"></td></tr>
<tr><td><input type="text" name="field_total" size="30" value="total"></td></tr>
</table>
</form>