总和自动变化html,使用Javascript计算可变数量的html表列的总和

编辑:

$('#sum_table tr:not(.totalColumn) input:text').bind('keyup change', function() {

var $table = $(this).closest('table');

var total = 0;

var thisNumber = $(this).attr('class').match(/(\d+)/)[1];

$table.find('tr:not(.totalColumn) .sum'+thisNumber).each(function() {

total += +$(this).val();

});

$table.find('.totalColumn td:nth-child('+thisNumber+') input').val(total);

});

Sum 1Sum 2Sum 3
TotalTotalTotal
blablabla

像往常一样,我不知道这是否是最佳的,但它似乎工作:

$('#sum_table tr:not(:last-child)').bind('keyup change', function() {

var $table = $(this).closest('table');

var total = 0;

$table.find('tr:not(:last-child) input:text').each(function() {

total += +$(this).val();

});

$table.find('input[name="total"]').val(total);

});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值