带有动态ID和名称的javascript复选框onchange

Question

我有一个动态地将行插入表中的表，每行都附加一个计数器以创建唯一的ID。

每行包含一个名为'treated'，'treated1'，'treated2'等的复选框。

我希望每个复选框都被选中以调用另一个函数。为简单起见它只是一个警报。

我的javascript / jquery语法是：

  $('input[name^="treated"]').change(function() {
       alert('test');
    });

我的HTML是：

<td valign=top><input type="checkbox"  id="treated' + counter + '" name="treated' + counter + '" /></td> 

其中counter是javascript增量数

目前未显示该版本。 nput[name^="treated"]是否正确？

提前致谢

Answer 1

对动态插入的元素使用on委托事件

  $(document).on('change','input[name^="treated"]',function() {
   alert('test');
});

最好将它委托给文档中最接近的静态元素（tableID）而不是文档本身。 link了解有关活动的更多信息