jQuery更改事件未在下一页引发争议

Question

我有datatable，每页显示50行，每页60页。我使用change jQuery event with复选框将记录保存到数据库中，事件在第一页上触发，但从下一页事件开始不再触发。谁能帮我解决这个问题吗？

这是我的代码：

$('input[name=child]').change(function () {

            var businessActivityId = $(this).attr("value");

            var clientId = 2;
            var isActive = $(this).is(":checked");

                $.ajax({
                    url: ROOT + 'Client/UpdateBusinessActivity',
                    data: { clientId: clientId, isActive: isActive, businessActivityId: businessActivityId},
                    type: 'POST',
                    success: function () {
                     // Just saving i don't need to do anything

                    },
                    error: function (res) {


                    }
            });
        });

Answer 1

假设您使用ajax更改页面以加载datatable上的下一页，则必须使用$(document).on('change','input[name=child]',function(){})绑定事件，因为您正在动态更新dom。

// Use jQuery.on
$(document).on('change', 'input[name=child]', function () {
    var businessActivityId = $(this).attr("value");

    var clientId = 2;
    var isActive = $(this).is(":checked");

    $.ajax({
        url: ROOT + 'Client/UpdateBusinessActivity',
        data: { clientId: clientId, isActive: isActive, businessActivityId: businessActivityId},
        type: 'POST',
        success: function () {
             // Just saving i don't need to do anything

        },
        error: function (res) {

        }
    });
});