我如何记住按钮是否已被单击，甚至在使用 js 和 html 重新加载页面后仍能记住？

Question

<script type="text/javascript">
    function disableButton(btn){
    document.getElementById(btn.id).disabled = true;
        alert("Button has been disabled.");
    }
</script>

<button id="btn1" onclick="disableButton(this)">0</button>

我试图记住按钮是否已被单击但仍然被禁用，即使用户重新加载页面也是如此。我可以使用 JS 和 jQuery，但我不想使用 PHP。有什么方法可以使用 cookie 和本地存储来记住它吗？

Answer 1

您可以使用 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>

我如何记住按钮是否已被单击，甚至在使用 js 和 html 重新加载页面后仍能记住？

How do I remember if a button has been clicked already, and remember even after page reloads using js and html?

html

javascript

jquery

button

remember-me