Javascript - 在所有页面上禁用按钮

Question

我有一个 JavaScript 函数，如下所示。

$("#update").click(function (){
             this.disabled = true;
            $("#kwBody > tr").each(function() {
               var $cells = $(this).children("td");

               var found=false,count=0,currentCell;
               for (var i=0;i<masterData.length;i++) {
                 currentCell=$cells.eq(i+1);
                 found = parseInt(currentCell.text(),10) >=masterData[i];
                 currentCell.toggleClass("found",found); //add or remove class to highlight 
                 count+=found;
               }
               window.console && console.log(masterData,count);
               $(this).toggle(count==masterData.length); // show if all cells >

            });
        });
});
$("slider:changed")

一旦我单击更新值的按钮，我就会尝试禁用该按钮。但是，由于我使用分页，如果我导航到第二页，我的按钮将再次重新启用。有什么办法可以让它在所有页面上保持禁用状态吗？

This是迄今为止我的工作的链接。

Answer 1

使用 localStorage 或 cookie 来存储按钮的“真/假”值。在每个页面加载时检查该值并将其值分配回按钮的禁用属性。

在您的点击处理程序中，在“this.disabled = true”之后添加:

localStorage.setItem("updateDisabled", true);

然后在页面加载时再次检查该值:

$(function () {
    var disabled = localStorage.getItem("updateDisabled");
    if (disabled) $('#update').attr('disabled', disabled);
});