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

javascriptで計算フォームを作りたいです

解決済

  • 質問者：ustar
  • 質問日時：
  • 回答数：1件

計算を備えたホームページを運営したいと思っているのですが、javascriptとhtmlを組み合わせ方がよくわかっておりません。
どなたかお教え頂けたら非常に助かるのですが。

行いたい計算式は以下です。

（基本コース100円＋オプション（あり、なし）＋オプション（あり、なし）　）×数量＋送料オプション（あり、なし）＝答え
（基本コース200円＋オプション（あり、なし）＋オプション（あり、なし）　）×数量＋送料オプション（あり、なし）＝答え

という計算をしたいのです。
オプション箇所、送料オプションはプルダウンで行いたいです。
ありでは50円、なしでは0です。
送料オプションありの場合300円です。

http://oshiete.goo.ne.jp/qa/4688991.html　こちらのページに似ているものがあるのですが、上記のようなオプション計算を横に複数計算がわかりません。

よろしくお願いいたします

通報する

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

質問の本文を隠す

A 回答 (1件)

No.1ベストアンサー

  • 回答者： toraneko75
  • 回答日時：

こんな感じでいかがですか。





<meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS">
<html><head><title>計算フォーム</title></head>
<script type="text/javascript">
<!--
function chg(){
//数量を確認する。
var num=frm1.elements.opt3.value * 10+frm1.elements.opt4.value*1;

//テキストボックスに計算値を反映する。
var result;
result=frm1.elements.basic.value*1+frm1.elements.opt1.value*1+frm1.elements.opt2.value*1+frm1.elements.opt5.value*1;
result=result*num;
frm1.elements.txt1.value =result;
}
//-->
</script>
<body >
<center><br>

<form name="frm1">

<select onChange="chg()" name="basic">
<option value="100">基本コース100円</option>
<option value="200">基本コース200円</option>
</select>
<select onChange="chg()" name="opt1">
<option value="50">オプション1あり</option>
<option value="0">オプション1なし</option>
</select>
<select onChange="chg()" name="opt2">
<option value="50">オプション2あり</option>
<option value="0">オプション2なし</option>
</select>
数量
<select onChange="chg()" name="opt3">
<option value="0">0
</option>
<option value="1">1
</option>
<option value="2">2
</option>
<option value="3">3
</option>
<option value="4">4
</option>
<option value="5">5
</option>
<option value="6">6
</option>
<option value="7">7
</option>
<option value="8">8
</option>
<option value="9">9
</option>
</select>
<select onChange="chg()" name="opt4">
<option value="0">0
</option>
<option value="1">1
</option>
<option value="2">2
</option>
<option value="3">3
</option>
<option value="4">4
</option>
<option value="5">5
</option>
<option value="6">6
</option>
<option value="7">7
</option>
<option value="8">8
</option>
<option value="9">9
</option>
</select>
個
<select onChange="chg()" name="opt5">
<option value="300">送料オプションあり</option>
<option value="0">送料オプションなし</option>
</select>
<input type="text" name="txt1" ><br>
</form>
</body>
</html>
    • good
    • 0
    • 件
通報する

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

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報