javascript - DataTable分页只能统计第一页的复选框

Question

我有一个带分页的表格。我创建了一个脚本来计算表格上选中的复选框的数量。它在第一页上运行良好，但是当我选择第二页时，它在我选择时不算在内。

这是我的脚本:

<script>
    $(document).ready(function(){
    var data = {
        '300x250': 0,
        '160x600': 0,
        '728x90': 0,
        '300x600': 0,
        '300x300': 0,
        '120x600': 0,
        '100x72': 0,
        '970x250': 0,
        '750x200': 0,
        '120x60': 0,
        '200x600': 0,
    }

    function registerEvents() {
        $(".checkbox").on("change", function() {
            var value = $(this).is(":checked") ? 1 : -1;
            var key = $(this).attr('value').split('_')[0];
            console.log(key, value);
            data[key] += value;
            printData();
        });
    }

    function printData() {
        $("#result").html(JSON.stringify(data, " ", 4));
        $("#result300x250").html(JSON.stringify(data['300x250'], " ", 4));

    }

    registerEvents();
    });
</script>

希望我能解释清楚，谢谢

Answer 1

页面加载时 DOM 中的那些复选框是吗？

也许您的选择器应该遵循以下原则:

$("#tableID").on("change", ".checkbox", function(){
    /*Your function here*/
});