我有一个用户生成的表,其中包含每行中的数量输入字段,当它发生变化时,我想触发进一步的计算。该表可以有多行,因此也可以有多个数量字段实例。
以下代码段会监听" qty"但是这似乎只适用于表格的第一行。有谁知道如何使事件监听器适用于" qty"的所有实例。字段。
deinit
以下是代码的jsfiddle ... http://jsfiddle.net/jDfFU/95/
答案 0 :(得分:1)
看起来其他表行是动态添加的 - 而不是向它们添加事件侦听器,您可以将它添加到父表并检查目标元素的名称,或者您可以将事件绑定到您动态添加的每一行。
选项1的示例 -
var table = document.getElementById('dataTable');
dataTable.addEventListener('change', function(e){
if (e.target.getAttribute("name") === 'qty[]') {
totalIt();
}
});
dataTable.addEventListener('input', function(e){
if (e.target.getAttribute("name") === 'qty[]') {
totalIt();
}
})