0
我想从多个下拉菜单和复选框中计算总数。 这段代码适用于select:option下拉菜单,但我的问题是添加了对其进行检查的输入。javascript从下拉菜单和复选框计算总数
这里是我使用的代码:“只需要它来计算过的框与选择的下拉沿着”
$(window).load(function() {
var basePrice = 0;
$(".calculate").change(function() {
newPrice = basePrice;
$(".calculate option:selected").each(function() {
newPrice += parseFloat($(this).data('price'));
console.log(typeof newPrice);
});
newPrice = newPrice.toFixed(2);
$("#item-price").html(newPrice);
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="type2" name="service" class="calculate">
<option data-price="0" value="">-- Select --</option>
<option data-price="100" value="kite1">wash</option>
<option data-price="150" value="kite1">wash and dry</option>
<option data-price="1000" value="kite2">repair</option>
</select>
<input type="checkbox" class="calculate" data-price="300" name="vehicle" value="Bike">roof
<input type="checkbox" class="calculate" data-price="200" name="vehicle" value="rims">rims
<span id="item-price">0</span>
看起来您需要将点击处理程序绑定到您的复选框以实际更新价格。现在它试图在页面加载时添加所有内容。 (''click',function(e){//使用e来获取数据元素并添加到总数})' –
我需要告诉java代码来查找已检查的盒子并且随着下拉菜单计算它们,现在它只查找选项:selected $(“。calculate option:selected”)。each(function() –