我有一个带有不同输入框的表单,如果我更改任何框中的值,它会计算并显示“ totalsumma”的正确值,并且效果很好。
现在,我需要添加至少一个复选框(“ ad11”),并将其值添加到“总计”(如果通过单击该复选框将其选中)(但如果我取消选中,则不需要)。
我的问题是,即使未选中该复选框,当我加载表单时,该框的值也会添加到“ totalsumma”中,并且如果我也单击该框,“ totalsumma”也不会更改。
<....... some input text boxes ......>
<input type="checkbox" name="ad11" id="ad11" value="6000" />
<script>
$(document).ready(function(){
window.onload = function() { calculate() }
$('#bredd').keyup(calculate);
$('#djup').keyup(calculate);
$('#m2pris2').keyup(calculate);
$('#grundpris2').keyup(calculate);
$('#ad11').on("change", function(){
calculate()
});
});
function calculate(e)
{
var bredd = parseFloat($('#bredd').val().replace(",", "."));
var djup = parseFloat($('#djup').val().replace(",", "."));
if($('#ad11').is(":checked")){
//Add the checkbox value
}
else
$('#m2').val(bredd * djup);
$('#grundpris').val($('#grundpris2').val());
$('#m2pris').val($('#m2pris2').val());
$('#ytpris') . val( $('#m2').val() * $('#m2pris2').val() );
$('#totalsumma') . val( parseFloat($('#ytpris').val() ) + parseFloat($('#grundpris2') .val()) + parseFloat($('#ad11') .val()) );
}
</script>
您可以将更改事件绑定到复选框,然后在计算功能中检查复选框是否已选中
$('#ad11').on("change", function(){
calculate()
});
function calculate(e)
{
//Calculations
if($('#ad11').is(":checked")){
//Add the checkbox value
}
else
//Don't add the checkbox value
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句