簡単な見積フォームを作成中です。
ラジオボタンで商品を選択して、その合計金額を表示させたいのですが、何故か”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>
No.1ベストアンサー
- 回答日時:
すみません。
失礼なのですが、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>
-------------------------------------------------
大変親切にどうもありがとうございました。
まだまだ日が浅いので、質問するときのマナーもなっていませんで申し訳ありませんでした。
出来ればJAVAやHTMLについて良い本があればお教え願えるでしょうか?
No.2
- 回答日時:
いえいえ。
こちらこそお役に立ててよかったです。
htmlやjavascriptは案外サイトが充実しているので
本は分からないのですが、
リファレンス代わりにいくつか
挙げておきますね。
頑張ってください。
http://www.hajimeteno.ne.jp/index.html
http://www.tagindex.com/index.html
http://www.openspc2.org/reibun/javascript/
重ね重ね本当にアドバイスありがとうございます。
教えていただいたサイトを参考に知識向上に励みます。
また、機会がありましたらアドバイスお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascript作成してます。ラジ...
-
ラジオボタンにタブインデック...
-
ラジオボタンで選択した項目の...
-
Javascriptを使って動的にラジ...
-
データベースの値を判断してラ...
-
特定のラジオボタンが選択され...
-
チェックされたラジオボタンに...
-
ラジオボタンの値でリンク先を...
-
ラジオボタンのチェックが外れ...
-
Selectボックスの幅を自動で広...
-
Pythonで会員サイトの自動ログ...
-
現在時刻を取得してフォームのs...
-
特定<table>内の<td>の色を変える
-
hiddenのvalueの値を変えたい
-
javascriptで入力禁止文字をチ...
-
jspでのArrayListの値の表示
-
return trueとreturn falseの用...
-
【UWSC】HTML内のある部分を抽...
-
クリックさせたいが、click()が...
-
正規表現で複数マッチ条件で悩...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ラジオボタンのチェックが外れ...
-
javascript作成してます。ラジ...
-
ラジオボタンにタブインデック...
-
Jvasvriptのlengthで個数が取得...
-
ホームページ作成について。
-
データベースの値を判断してラ...
-
フォームPOST後「戻る」時のチ...
-
ラジオボタンでdisabledとchecked
-
Form内のselectを連動させるに...
-
アンダーバーのname値は取得で...
-
チェックされたラジオボタンに...
-
jQueryで複数のラジオボタンを処理
-
ラジオボタンのリセット方法
-
ラジオボタンの分岐方法に関して
-
javascriptによる動的なリンク...
-
radio選択をクッキーに保存させ...
-
JavaScriptでラジオボタンのチ...
-
jQuery 変数の使い方について
-
チェックボックスのON/OFFに連...
-
ラジオボタンでチェックした項...
おすすめ情報