- ベストアンサー
ラジオボタンで選択した商品の合計金額を表示したい
- 簡単な見積フォームを作成中です。ラジオボタンで商品を選択して、その合計金額を表示させたいのですが、何故か”undefined”と表示されてしまいます。
- 根本的な考え方が間違っているのでしょうか？皆様ご教授の程お願いします。
- このHTMLコードでは、ラジオボタンで選択された商品の金額を取得して合計金額を表示することができます。ただし、現在は合計金額が”undefined”と表示される問題があります。
- tkmkkun
- お礼率83% (10/12)
- JavaScript
- 回答数2
- ありがとう数5
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
すみません。 失礼なのですが、javascriptより先に HTMLから見直した方がよろしいかと思いました。 おせっかいながらとても見づらかったので、 全部やりなおしてしまいました。 レイアウトはまた修正してください。 差分を取ってじっくり見直してください。 ケアレスミスもあります。 ラジオボタンやセレクトボタン等の取り方は 存在回数分ループで回すのが基本です。 --------------------------------------------- <HTML> <HEAD> <script language="JavaScript"> <!-- function calc() { for(i = 0; i < 3; i++ ) { if(hontai = document.ordersheet.hontai[i].checked) { document.ordersheet.output.value = document.ordersheet.hontai[i].value; } } } //--> </SCRIPT> </HEAD> <BODY onLoad=(document.ordersheet.output.value="0")> <FORM NAME="ordersheet" METHOD="POST"onsubmit="return check()"> <TABLE cellPadding=3 width=680> <TBODY> <TR> <TD align=middle colspan=5>お見積り内容</TD> </TR> <TR> <TD align=middle width=30></TD> <TD align=middle width=200></TD> <TD align=middle width=150>商品名</TD> <TD align=middle width=150>商品名</TD> <TD align=middle width=150>商品名</TD> </TR> <TR> <TD align=center colspan="2">本体</TD> <TD width=150>A商品<BR>273000円（税込）</TD> <TD width=150>B商品<BR>288750円（税込）</TD> <TD width=150>C商品<BR>109410円（税込）</TD> <TR> </TR> <TD align=middle width=30></TD> <TD align=middle width=200></TD> <TD><DIV><INPUT TYPE="radio" NAME="hontai" onClick="calc()" VALUE="273000"></DIV></TD> <TD><DIV><INPUT TYPE="radio" NAME="hontai" onClick="calc()" VALUE="288750"></DIV></TD> <TD><DIV><INPUT TYPE="radio" NAME="hontai" onClick="calc()" VALUE="109410"></DIV></TD> </TR> <TR> <TD align=center colspan="2">合計金額</TD> <TD colspan="3"> <INPUT TYPE="text" NAME="output" value="0" SIZE="12">円</TD> </TR> </TBODY> </TABLE> </FORM> </BODY> </HTML> -------------------------------------------------
その他の回答 (1)
- kaiu
- ベストアンサー率20% (65/315)
いえいえ。 こちらこそお役に立ててよかったです。 htmlやjavascriptは案外サイトが充実しているので 本は分からないのですが、 リファレンス代わりにいくつか 挙げておきますね。 頑張ってください。 http://www.hajimeteno.ne.jp/index.html http://www.tagindex.com/index.html http://www.openspc2.org/reibun/javascript/
お礼
重ね重ね本当にアドバイスありがとうございます。 教えていただいたサイトを参考に知識向上に励みます。 また、機会がありましたらアドバイスお願いします。
お礼
大変親切にどうもありがとうございました。 まだまだ日が浅いので、質問するときのマナーもなっていませんで申し訳ありませんでした。 出来ればJAVAやHTMLについて良い本があればお教え願えるでしょうか？