
jqueryで計算した小計の値を合算したいのですが・・・
<div id="oa">
<select name="pa" id="value_pa">
<option value="0">選択して下さい</option>
<option value="100">梅</option>
<option value="200">竹</option>
<option value="300">松</option>
</select>×
<select name="n" id="value_n">
<option value="0">選択して下さい</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>個=<span id="result_a"></span>円
</div>
のように5種類の計算をして<span id="result_x"></span>の間に結果を埋め込んでいます。
この<span id="result_a"></span>から<span id="result_e"></span>の小計値をボタンを押すことにより合算して合計値を出したいのですが、うまくいきません。
jqueryでどのようにしたらいいのでしょうか?
教えてください。
よろしくお願いいたします。
No.1ベストアンサー
- 回答日時:
> 小計値をボタンを押すことにより合算して合計値を出したいのですが、うまくいきません。
現状では、どういう計算をしていて上手くいかないのでしょうか?
この回答への補足
商品1(プルダウン)×個数(プルダウン)=小計1(spanタグ)
商品2(プルダウン)×個数(プルダウン)=小計2(spanタグ)
商品3(プルダウン)×個数(プルダウン)=小計3(spanタグ)
商品4(プルダウン)×個数(プルダウン)=小計4(spanタグ)
商品5(プルダウン)×個数(プルダウン)=小計5(spanタグ)
ボタン 合計値(spanタグ)
という感じです。
小計1から5はjqueryで算出できています。
ボタンを押して合計値を表示したいです。
よろしくお願いします。
No.2
- 回答日時:
それだけ計算ができているのなら、
小計1 + 小計2 + 小計3 + 小計4 + 小計5 = 合計値(spanタグ)
でいいのではないの?
もっとも、わざわざ合計ボタンを押させなくても、各小計を計算するときに
1~5まで入力されていたら自動的に合計も計算してあげるほうがよさ
そうに思えるのは私だけかなぁ。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<input>の選択肢をプルダウンメ...
-
同じ名前のセレクトがある場合...
-
ラジオボタンの選択に応じてプ...
-
プルダウン選択を変更すると、...
-
Selectボックスの幅を自動で広...
-
javaScriptの変数をJavaの変数...
-
JavaScriptのfileオブジェクト...
-
<JavaScript>tableタグを入力不...
-
ASP.NETでNAME属性を固定にしたい
-
RegularExpressionValidatorの...
-
クリックされた罫表セルの行番...
-
onchangeイベントを強制的に発...
-
プルダウンで選択された値を別...
-
二次元配列に数字をランダムに...
-
sessionの値でボタンを活性・非...
-
JQueryで2つのテキストフィー...
-
cookie使用時にundefinedと表示...
-
doPostBack 関数について
-
【FORM】 リンク文字で submit...
-
tableの任意行にfocusをあてる
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<input>の選択肢をプルダウンメ...
-
javascriptでoptionタグを削除...
-
プルダウン選択を変更すると、...
-
2段階プルダウンで1段階目の選...
-
セレクトボックスで配列を呼び...
-
ラジオボタンとプルダウンを連...
-
【JavaScript】プルダウンで数...
-
スマホのフォームでのselect複...
-
二つのセレクトボックス間での...
-
3つの連動したプルダウンメニュ...
-
プルダウンを選択していないと...
-
2つのプルダウンメニューで、同...
-
selectを変更不可にしたい
-
Selectボックスの一覧表示方法
-
webページの一部のみの更新につ...
-
<select> をmultiple にしてい...
-
同じ名前のセレクトがある場合...
-
javascriptでセレクトボックス...
-
コードレビューをお願いします。
-
selectタグで日付を生成
おすすめ情報