我想让 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 做到这一点?
提前致谢
最佳答案
已使用有效的解决方案更新了您的 jsfiddle
代码是
$('#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
事件的任何时间,找到该输入所属的行,然后更新该行的总值。
关于javascript - 通过 jQuery 监听表 HTML 上的任何更改事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31875038/