jQuery实现全选和取消全选以及出现动态生成的元素添加不上事件解决方法 click单击事件添加失效

最新推荐文章于 2023-02-10 17:25:55 发布

「已注销」

最新推荐文章于 2023-02-10 17:25:55 发布

阅读量268

点赞数

本文链接：https://blog.csdn.net/m0_46571999/article/details/106469165

版权

本文介绍了在jQuery中遇到动态生成的元素无法添加click事件的问题及解决方案。当添加新元素后，全选和取消全选功能失效，原因是未能正确绑定事件到新元素。解决方法是利用jQuery的on函数，通过父级固有元素作为代理，绑定事件，确保动态生成的元素也能响应点击事件。

摘要由CSDN通过智能技术生成

//全选和全不选
        $("#checked_all").click(function () {
   
            $("#tBody input[type='checkbox']").prop("checked",this.checked);
        });
        $("#tBody input[type='checkbox']").click(function () {
   
            if ($("#tBody input[type='checkbox']"