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

Question

我想让 HTML 表中的 Total 字段始终监听 Qty/Price/Disc 字段是否有任何更改(见下文)。因此 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 事件的任何时间，找到该输入所属的行，然后更新该行的总值。