我的表单中有一个计算器来计算我的下拉选项选择。
$(function() {
$("select.calculate").on("change", calc);
$("input[type=checkbox].calculate").on("click", calc);
function calc() {
var basePrice = 60;
newPrice = basePrice;
$("select.calculate option:selected, input[type=checkbox].calculate:checked").each(function() {
newPrice += parseInt($(this).data('price'), 10);
});
newPrice = newPrice.toFixed(2);
$("#item-price").html(newPrice);
$("#item_price_val").val(newPrice);
}
});
并在 html 中获取数字,我将其表示为:
<span id="item-price">0</span>
问题是,我的基本价格是 60,但是当我进入页面时,它是零。只有当我做出选择时,价格才会上涨。如何让基本价格在页面加载时从一开始就出现?
我需要它作为基本价格开始,因为不需要这些选择,所以如果我不选择这些,我将单击提交表单,它会提交零美元而不是 60 美元。
var basePrice = 60;
$(document).ready(function() {
$("select.calculate").on("change", calc);
$("input[type=checkbox].calculate").on("click", calc);
$("#item-price").html(basePrice);
$("#item_price_val").val(basePrice);
});
function calc() {
newPrice = basePrice;
$("select.calculate option:selected,input[type=checkbox].calculate:checked").each(function() {
newPrice += parseInt($(this).data('price'), 10);
});
newPrice = newPrice.toFixed(2);
$("#item-price").html(newPrice);
$("#item_price_val").val(newPrice);
}
请使用您的代码的更新版本。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)