アプリ版:「スタンプのみでお礼する」機能のリリースについて

簡単な見積フォームを作成中です。
ラジオボタンで商品を選択して、その合計金額を表示させたいのですが、何故か”undefined”と表示されてしまいます。
根本的な考え方が間違っているのでしょうか?
皆様ご教授の程お願いします。

<HTML><HEAD>
<!--
function calc(){
hontai=document.ordersheet.hontai.VALUE;
document.ordersheet.output.value=hontai;
}
//-->
</SCRIPT></HEAD>
<BODY>
<FORM NAME="ordersheet" METHOD="POST"onsubmit="return check()">
<TABLE cellPadding=3 width=680>
<TBODY><TR>
<TD align=middle colSpan=5>お見積り内容
<TR><TD align=middle width=30>
<TD align=middle width=200>
<TD align=middle width=150>商品名
<TD align=middle width=150>商品名
<TD align=middle width=150>商品名 </TD>
<TR><TD rowspan="2" align=middle width=30>本体
<TD rowspan="2" width=350></TD>
<TD width=145>A商品<BR>273000円(税込)<BR>
<TD width=145>B商品<BR>288750円(税込)<BR>
<TD width=145>C商品<BR>109410円(税込)<BR>
</TD>
<TR>
<TD><DIV><INPUT TYPE="radio" NAME="hontai" VALUE="273000" onClick="calc()"></DIV></TD>
<TD><DIV><INPUT TYPE="radio" NAME="hontai" VALUE="288750" onClick="calc()"></DIV></TD>
<TD><DIV><INPUT TYPE="radio" NAME="hontai" VALUE="109410" onClick="calc()"></DIV></TD>
</TR>
<TR><TD align=center colspan="2">合計金額</TD>
<TD colspan="3" ><INPUT TYPE="text"NAME="output" SIZE="12">円</TD></TR>
</TBODY></TABLE></FORM>
</BODY></HTML>

A 回答 (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>

-------------------------------------------------
    • good
    • 1
この回答へのお礼

大変親切にどうもありがとうございました。

まだまだ日が浅いので、質問するときのマナーもなっていませんで申し訳ありませんでした。
出来ればJAVAやHTMLについて良い本があればお教え願えるでしょうか?

お礼日時:2005/02/21 21:48

いえいえ。


こちらこそお役に立ててよかったです。

htmlやjavascriptは案外サイトが充実しているので
本は分からないのですが、
リファレンス代わりにいくつか
挙げておきますね。
頑張ってください。

http://www.hajimeteno.ne.jp/index.html
http://www.tagindex.com/index.html
http://www.openspc2.org/reibun/javascript/
    • good
    • 0
この回答へのお礼

重ね重ね本当にアドバイスありがとうございます。

教えていただいたサイトを参考に知識向上に励みます。
また、機会がありましたらアドバイスお願いします。

お礼日時:2005/02/22 11:37

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!