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;
}