数据表分页只能计算第一页的复选框

DataTable pagination only can count checkboxes of first page

本文关键字：第一页 复选框 计算 分页 数据表      更新时间：2023-09-26

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

这是我的脚本：

<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>

希望我解释得很好，谢谢

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

也许您的选择器应该遵循以下行：

$("#tableID").on("change", ".checkbox", function(){
    /*Your function here*/
});
相关文章：