Jquery自动计算

Question

将信用归于代码所有者。

如何将脚本制作成multiplication？脚本是CCD_ 3的CCD_。请帮忙。

<tr>
<td>
<input type="text" class="form-control input-sm text-right amount" >
</td> 
<td>
<input type="text" class="form-control input-sm text-right amount">
</td>
<td>
<input type="text" class="form-control input-sm text-right" id="total_amount" readonly>
</td>
</tr>

<script>
$(function() {
$('.amount').mask('#,###.##',{reverse : true});
var total_amount = function() {
var sum=0;
$('.amount').each(function(){
var num = $(this).val().replace(',','');
if(num != 0) {
sum +=parseFloat(num);
}    
});
$('#total_amount').val(sum.toFixed(2));
}
$('.amount').keyup(function(){
total_amount();
});
});
</script>

Answer 1

实数中乘法运算的恒等元素(或中性元素(是一。所以你的var sum = 1;就是这样。

在每次迭代之后，在两次硬编码的情况下，您将用新的数字乘以和。因此改变了CCD_ 5。

这就剩下了旧的正则乘法。

$(function() {
$('.amount').mask('#,###.##',{reverse : true});
var total_amount = function() {
var sum=1;
$('.amount').each(function(){
var num = $(this).val().replace(',','');
if(num != 0) {
sum *=parseFloat(num);
}    
});
$('#total_amount').val(sum.toFixed(2));
}
$('.amount').keyup(function(){
total_amount();
});
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://igorescobar.github.io/jQuery-Mask-Plugin/js/jquery.mask.min.js"></script>
<tr>
<td>
<input type="text" class="form-control input-sm text-right amount" >
</td> 
<td>
<input type="text" class="form-control input-sm text-right amount">
</td>
<td>
<input type="text" class="form-control input-sm text-right" id="total_amount" readonly>
</td>
</tr>