Jquery 如何在单击同一组的动态创建的复选框时触发事件

我最初有3个同名的复选框，其中一个复选框是动态创建的。如果我点击3个初始复选框中的任何一个，它会触发事件，但对新创建的一个不起作用

<input type="checkbox" name="NewMerheckbox" id="1"/>
<input type="checkbox" name="NewMerheckbox" id="2"/>
<input type="checkbox" name="NewMerheckbox" id="3"/>
<div id="newcheckbox">

</div>

及

$（'input[type=“checkbox”][name=“NewMerheckbox”]”）。在（'click'，function（）上{
警报（$（this.attr（'id'））；
});
$（'#newcheckbox'）.html（''）；

嘿，试试这个更新的，希望对你有帮助

$（文档）.ready（函数（）{
$（'#newcheckbox'）.html（''）；
$（“输入[name='NewMerheckbox']”）。在（“单击”上，函数（）{
警报（“HeyI正在调用同一个函数，我的Id是”+$（this.attr（'Id'））；
});
});
您正在尝试向尚不存在的对象添加单击处理程序。jQuery允许您将单击处理程序添加到父元素中，以便它们仅在某些子元素上触发，但在设置单击处理程序时，这些子元素不必存在

$('body').on('click', 'input[type="checkbox"][name="NewMerheckbox"]', function() {
  alert($(this).attr('id'));
});

这将导致单击处理程序设置在
body
上，它将在其中处理自身和子元素上的单击事件。附加参数对要筛选的事件进行案例分析，以便只有与选择器匹配的子级才会触发处理程序。由于处理程序位于
body
上，因此在创建处理程序时，目标子级不必存在。当然，您可以使用更合适的父元素。这在中有描述。
您能发布一个完整的示例（HTML、JS）吗？您提供的信息不足以判断问题我在这里测试了它，它现在运行良好您检查为什么它不适用于创建的第四个元素谢谢您，它有效，但触发不适用于动态创建复选框
$('body').on('click', 'input[type="checkbox"][name="NewMerheckbox"]', function() {
  alert($(this).attr('id'));
});