使用 Jquery 选中复选框时激活删除按钮时出现问题

Question

我想使用 livewire 在一页上显示 3 table 具有不同数据类型的内容。

批量删除按钮有问题..

第一次加载页面时，如果选中任何复选框，删除按钮工作正常。

但如果table中的数据发生变化，由于数据类型或搜索结果发生变化，即使选中复选框，删除按钮也不起作用。

我正在使用 jquery 启用批量删除按钮。

这是按钮：

    <button id='hapusMasal' disabled>Hapus Masal</button>

这是脚本

$('tr').click(function() {
            var len = $(".checkbox:checked").length;
            if (len == 0) {
                $("#hapusMasal").prop("disabled", true);
            } else {
                // alert('ok');
                $("#hapusMasal").removeAttr("disabled");
            }
        });

我在单击任何数据行时选中复选框，而不仅仅是在单击复选框输入时。

谁能告诉我该怎么办？

Answer 1

更新为

$(document).on('click', 'tr', function() {
   var len = $(".checkbox:checked").length;
            if (len == 0) {
                $("#hapusMasal").prop("disabled", true);
            } else {
                // alert('ok');
                $("#hapusMasal").removeAttr("disabled");
            }
});

这些编辑将代码从绑定更改为实时以获取更多信息请查看以下文章 difference between on() and live() or bind()

使用 Jquery 选中复选框时激活删除按钮时出现问题

Problem with activating Delete Button when Checkbox is checked with Jquery

jquery

laravel