总和取决于选择、数量和无线电选择

Question

我16岁。我经常制作如此有趣的手工制作的东西，最近人们要求我卖给他们，所以我决定在那里制作一个小网站，上面有订单，用于出售我的手工制作的东西......

所以，我需要你的帮助。我在上面搜索了很多，尝试过，但由于我不再是直的，我的尝试是没有用的......

这是我将要拥有的：

.selectProduct{display:block;}
.selectShippingMethod{display:block;margin:10px 0;}
.total{display:block;margin:10px 0;font-weight:bold;}

<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>

如何使该计算器工作？总和(0 卢布(必须根据选择而变化...

提前谢谢你。

Answer 1

使用 http://jquery.org：

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

期望选择具有 ID "产品选择"，总计为 id。