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*/
});

DataTable分页只能计算第一页的复选框

1 个答案: