Javascript 选择整个分页并显示每页的结果，同时使用JQuery禁用和启用按钮

我有一个全选选项，带有一个按钮。加载时，按钮被禁用。如果选择“选择列表中的全部或两个或多个选择项”，则该按钮将被禁用。然而，我有分页和一个显示许多项目的显示，以显示在表中。是否有一种方法可以将其持久化，以便在显示编号更改时跨页面工作

这是我的密码：

分页和显示选项

---

正如前面的评论者所指出的，您确实有两种选择：

1通过会话cookie之类的方式将数据保存在应用程序服务器上，然后让客户端在需要时向服务器查询该信息

2将数据保存在中，并在需要时从中检索

如果你需要这个选项来跨设备，也就是说，用户在你提出的交互流中间切换计算机，那么最好的方法是1。但是，如果您不是后端开发人员，则向后端添加额外数据可能会很麻烦，例如，您是否知道如何/有权创建/操作数据库和创建新的api端点

---

对于其他所有内容，我建议使用2，特别是会话存储，它将在用户会话结束时自动垃圾收集数据，在重新加载后仍然有效，但在浏览器关闭时被删除。如果需要更多的手动数据管理，可以使用浏览器的

您必须保存知道它们是否应该被禁用的逻辑，在某种会话或cookie中，您可以在本地/会话存储中添加行号和页码作为对象，每次更改页面时，您都可以检查是否有已检查的内容！好的，我想一个会议，可能会很好。这个应用程序是用C编写的，所以我认为一些后端会比依赖dom来实现这一点更好，你怎么看？

//Disable Top Verify Button if two or more checkboxes are selected.
    $(document)('.verifyshipment-btn').prop('disabled', true);
    $(document).on(".individual").on("click", function () {
        if ($(".individual:checked").length > 1) {
            $('.verifyshipment-btn').prop('disabled', false);
        }
        else {
            $('.verifyshipment-btn').prop('disabled', true);
        }
    });

    //Select All
    $('.verifyshipment-btn').prop('disabled', true);
    $(document).on(".selectall").click(function () {
        if ($(".individual:checked").length > 1) {
            $('.verifyshipment-btn').prop('disabled', false);
        }
        else {
            $('.verifyshipment-btn').prop('disabled', true);
        }
    });

$(document).on("click",
        "#indexPager a",
        function() {
            if ($(this).parent().hasClass('disabled') || $(this).parent().hasClass('active'))
                return false;
            $.ajax({
                url: $(this).attr("href"),
                type: 'GET',
                cache: false,
                success: function(result) {
                    $('#tableContainer').html(result);
                    addBootstrapTooltips("#tableContainer");
                }
            });
            return false;
        });
    $(document).on("change",
        "#pageSizeSelector",
        function() {
            var selectedValue = $(this).val();
            $.ajax({
                url: selectedValue,
                type: 'GET',
                cache: false,
                success: function(result) {
                    $('#tableContainer').html(result);
                    addBootstrapTooltips("#tableContainer");
                }
            });
        });