js控制 input框中输入数字时,累计求和

时间:2022-05-06 05:30:00
$('.cc input').bind('input propertychange', function(){
var total = 0;
$("input").each(function(){
total+=(parseFloat($(this).val())?parseFloat($(this).val()):0);
});
/*total=total.toFixed(1);保留小数点后一位,因为js累加可能会出现小数点后出现多位的情况,可以通过它控制小数点位数*/
$("span").text(total);
});
<div class="cc">
<input type="text" class="c1"/>
<input type="text" class="c1"/>
<input type="text" class="c1"/>
<input type="text" class="c1"/>
<input type="text" class="c1"/>
<input type="text" class="c1"/>
<input type="text" class="c1"/>
<span></span>
</div>