总和取决于select,qnty&无线电选择

时间:2017-04-16 17:44:02

标签: javascript html css css3

我16岁。我做了很多有趣的手工制作的东西,最近有人要我把它卖给他们,所以我决定在那里制作一个带有订单的小网站来卖我手工制作的东西...... / p>

所以,我需要你的帮助。我已经对它进行了很多搜索,尝试过,但是由于我不再直接,我的尝试没用了......

以下是我的目标:



<div class="mainContainer">

<form class="order">

<div class="selectProduct">
<select name="" value="">
<option selected="selected">Select Product You Want</option>
<option value="15000">Product RU Odin (15000 RUB.)</option>
<option value="17500">Product RU Dva (17500 RUB.)</option>
<option value="28400">Product RU Tri (28400 RUB.)</option>
<option value="32100">Product RU Chetire (32100 RUB.)</option>
</select> <span>×</span> <input type="text" name="" placeholder="QNTY" />
</div>

<div class="selectShippingMethod">
<input type="radio" name="selectShippingMethod" value="0" id="free" checked="checked" /> <label for="free">Free Shipping</label><br>
<input type="radio" name="selectShippingMethod" value="200" id="RussianPostOrdinary" /> <label for="RussianPostOrdinary">Russian Post Ordinary — 200 RUB.</label><br>
<input type="radio" name="selectShippingMethod" value="200" id="RussianPostFirstClass" /> <label for="RussianPostFirstClass">Russian Post First Class Shipping — 400 RUB.</label><br>
<input type="radio" name="selectShippingMethod" value="900" id="MoscowTransportCompany" /> <label for="MoscowTransportCompany">Moscow Transport Company — 900 RUB.</label>
</div>

<div class="total">Total: 0 RUB.</div>

</form>

</div>
&#13;
HTTP 206
&#13;
&#13;
&#13;

如何让计算器工作?总和(0卢布)必须根据选择而改变......

提前谢谢。

1 个答案:

答案 0 :(得分:0)

使用http://jquery.org

$('#ProductSelect').change(function(){
var total=0;
$('input:checked').each(function(){
    total+=this.val();
  });
 $("#total").val(total);
});

期望select具有id“ProductSelect”并且total为id。