我如何记起是否已经单击了一个按钮，甚至还记得使用js和html重新加载页面后的状态？

问题描述

packagesResult = [ 
    { modelname: "flatRate",model: [ {name: "Enterprise",price: "$150"} ]
    },{ modelname: "flatRate",model: [ {name: "Gold",price: "$190"} ]
    },{ modelname: "usageBased",price: "$50"} ]
    },{ modelname: "userBased",model: [ {name: "Extreme",]

我试图记住一个按钮是否已经被单击并且仍然被禁用，即使用户重新加载页面也是如此。我可以使用JS和jQuery，但是我不想使用PHP。有没有办法可以使用Cookie和本地存储来记住它？

解决方法

您可以使用Local Storage来实现。

<script type="text/javascript">
  window.onload = function () {
    var isButtonDisabled = localStorage.getItem('buttonDisabled') === 'true';
    if (isButtonDisabled) {
      document.getElementById('btn1').disabled = true;
    }
  };

  function disableButton(btn) {
    document.getElementById(btn.id).disabled = true;
    alert('Button has been disabled.');
    localStorage.setItem('buttonDisabled','true');
  }
</script>