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

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

javascript checkbox in not holding its state on page reload

javascript

haml