刷新页面时保持选中复选框

// 保存选中状态到本地存储
function saveCheckboxState(checkboxId) {
  var checkbox = document.getElementById(checkboxId);
  localStorage.setItem(checkboxId, checkbox.checked);
}

// 恢复选中状态
function restoreCheckboxState(checkboxId) {
  var checkbox = document.getElementById(checkboxId);
  var checked = localStorage.getItem(checkboxId);
  if (checked === "true") {
    checkbox.checked = true;
  }
}

// 在复选框的HTML代码中添加事件监听
<input type="checkbox" id="myCheckbox" onchange="saveCheckboxState('myCheckbox')">

// 在页面加载时恢复选中状态
window.onload = function() {
  restoreCheckboxState('myCheckbox');
};

// 获取URL参数值
function getQueryParam(param) {
  var urlParams = new URLSearchParams(window.location.search);
  return urlParams.get(param);
}

// 保存选中状态到URL参数
function saveCheckboxState(checkboxId) {
  var checkbox = document.getElementById(checkboxId);
  var urlParams = new URLSearchParams(window.location.search);
  if (checkbox.checked) {
    urlParams.set(checkboxId, 'true');
  } else {
    urlParams.delete(checkboxId);
  }
  window.history.replaceState({}, '', `${window.location.pathname}?${urlParams}`);
}

// 恢复选中状态
function restoreCheckboxState(checkboxId) {
  var checkbox = document.getElementById(checkboxId);
  var checked = getQueryParam(checkboxId);
  if (checked === 'true') {
    checkbox.checked = true;
  }
}

// 在复选框的HTML代码中添加事件监听
<input type="checkbox" id="myCheckbox" onchange="saveCheckboxState('myCheckbox')">

// 在页面加载时恢复选中状态
window.onload = function() {
  restoreCheckboxState('myCheckbox');
};