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

Question

我想让Total字段在HTML表总是听，如果有任何变化在数量/价格/光盘字段(见下文)。所以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做到这一点?

Thanks in advance

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事件，找到该输入是其中一部分的行，然后更新该行的总价值。