检查加载复选框，但如果页面重新加载必须记住最后状态

【问题标题】：check the checkbox on load but if the page reloads must remember last state检查加载复选框，但如果页面重新加载必须记住最后状态
【发布时间】：2014-04-22 06:34:28
【问题描述】：

我有一组在加载页面时必须选中的复选框。我有一个用于自动检查复选框的 onload 脚本，但是当我取消选中复选框并重新加载页面时，它仍然处于选中状态。它怎么能记住它的最后状态？提前致谢

【问题讨论】：

使用cookie/本地存储来存储状态
我需要 html 和 css 类来解决您的问题。所以你可以为此创建 JS Fiddle。

标签： javascript jquery checkbox persistence reload

【解决方案1】：

试试这个...

   var i, checkboxes = document.querySelectorAll('input[type=checkbox]');

  function save() {
      for (i = 0; i < checkboxes.length; i++) {
      localStorage.setItem(checkboxes[i].value, checkboxes[i].checked); 
    }
}

 function load_() {
     for (i = 0; i < checkboxes.length; i++) {
    checkboxes[i].checked = localStorage.getItem(checkboxes[i].value) === 'true' ?      
   true:false;
  }
 }

工作提琴手：- http://jsfiddle.net/sQuEy/104/

【讨论】：