$('.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>