javascript复选框在页面重新加载时未保持其状态

Question

我是 javascript 新手，我已经在 haml 中为复选框编写了代码。现在出现错误，我将重定向到带有错误消息的同一页面。但是，当它再次使用错误消息重定向到同一页面时，无论我之前给出的状态如何，复选框都不会保持选中或未选中状态。这是我的haml代码，我还没有为此编写任何js代码..

      %th.checkbox-col
    %span.check
      = check_box_tag('select_all', 'yes', all_selected, {'data' => {'synchbox-trigger' => 'categories'}, class: 'form-nav-input' })

Answer 1

您可以使用localStorage 来存储复选框状态。像这样：

localStorage.checkboxOne = 1;

当页面再次被访问时，可以通过查看值来查看localStorage：

if (parseInt(localStorage.checkboxOne) === 1) {
   document.getElementById("checkbox").checked = true;
}