通过jQuery监听表HTML上的任何更改事件

Question

我想在HTML表格中设置Total字段，如果有关于数量/价格/光盘字段的任何更改（请参见下文），请始终收听。所以Total字段总是更新。

Id | Product | Qty | Price | Disc | Total
1  |    A    |  1  |   2   |  0   |   2
2  |    B    |  2  |  10   |  10  |  18
...

这是HTML：http://jsfiddle.net/ao6t2axs/

如何使用javascript / jQuery做到这一点？

提前致谢

Answer 1

使用可行的解决方案更新了您的jsfiddle

http://jsfiddle.net/5bym3jq5/

代码是

$('#table').on('change', 'input', function () {
    var row = $(this).closest('tr');
    var total = 0;
    $('input', row).each(function() {
        total += Number($(this).val());
    });
    $('.total', row).text(total);
});

基本上监视表中的输入触发change事件的任何时间，找到该输入所属的行，然后更新该行的总值。