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