检查加载时的复选框,但是如果页面重新加载必须记住上次状态

时间:2014-04-22 06:34:28

标签: javascript jquery checkbox persistence reload

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

1 个答案:

答案 0 :(得分: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/