Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/397.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 选中“加载时”复选框,但如果页面重新加载,则必须记住最后一个状态_Javascript_Jquery_Checkbox_Persistence_Reload - Fatal编程技术网

Javascript 选中“加载时”复选框,但如果页面重新加载,则必须记住最后一个状态

Javascript 选中“加载时”复选框,但如果页面重新加载,则必须记住最后一个状态,javascript,jquery,checkbox,persistence,reload,Javascript,Jquery,Checkbox,Persistence,Reload,我有一组复选框,必须在加载页面时选中。我有一个用于自动选中复选框的onload脚本,但是当我取消选中复选框并重新加载页面时,它仍然处于选中状态。它怎么能记得它最后的状态?提前感谢试试这个 var i, checkboxes = document.querySelectorAll('input[type=checkbox]'); function save() { for (i = 0; i < checkboxes.length; i++) { loca

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

试试这个

   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;
  }
 } 
var i,checkbox=document.querySelectorAll('input[type=checkbox]);
函数save(){
对于(i=0;i

工作小提琴手:-

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