保存多个checkbox[]检查状态的页面刷新使用本地存储在php

<input type="checkbox" name="option[]" value="option1"> Option 1
<input type="checkbox" name="option[]" value="option2"> Option 2
<input type="checkbox" name="option[]" value="option3"> Option 3

// 获取所有的checkbox元素
var checkboxes = document.getElementsByName('option[]');

// 检查localStorage是否有保存的状态，如果有则恢复checkbox的状态
if(localStorage.getItem('checkboxStatus')){
  var checkboxStatus = JSON.parse(localStorage.getItem('checkboxStatus'));
  for(var i=0; i<checkboxes.length; i++){
    checkboxes[i].checked = checkboxStatus[i];
  }
}

// 监听checkbox的改变事件，将状态保存到localStorage中
for(var i=0; i<checkboxes.length; i++){
  checkboxes[i].addEventListener('change', function(){
    var checkboxStatus = [];
    for(var i=0; i<checkboxes.length; i++){
      checkboxStatus.push(checkboxes[i].checked);
    }
    localStorage.setItem('checkboxStatus', JSON.stringify(checkboxStatus));
  });
}

$options = $_POST['option']; // 获取选中的checkbox的值
if(!empty($options)){
  // 对选中的checkbox进行处理
  foreach($options as $option){
    echo "Selected option: " . $option . "<br>";
  }
}