javascript - 在 Firefox 上使用 localStorage 时遇到问题

Question

我想用localStorage存储复选框的状态，这样如果它被选中，刷新页面后它将保持选中状态。然而，似乎有一个问题:该复选框将始终被选中，即使它没有被选中。我检查了localStorage，发现状态存储正确，但是当您刷新页面时，数据无条件切换为“true”。这是我的代码。

单击复选框时调用的函数:

  function save_data(box){
          var ls = localStorage;
          if(box.checked == true){
            ls.setItem("checkbox_val","true");
          }
          else{
            ls.setItem("checkbox_val","false");
          }
      }

加载窗口时调用的函数:

window.onload = function(){
    var ls = localStorage;
    console.log(ls);
    var checkbox = document.getElementById("privacy_checkbox");
    if(ls.getItem("checkbox_val") == "true"){
      checkbox.checked = true;
    }
    else{
      checkbox.checked = false;
    }
  }       

谢谢!

Answer 1

我在 Firefox 自动完成方面遇到了一些问题，这可能也是您的问题。

要防止 FF 自动填充表单值，您可以在元素或表单上添加属性 autocomplete="off" ，如下所示:

<form method="post" action="/form"  autocomplete="off">
[...]
</form>

请参阅本文了解更多信息:https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion