如何获取指定Cookie值并通过循环勾选对应复选框

我来帮你搞定这个问题！要从Cookie里单独取出btnname的值，咱们得先把Cookie字符串解析一下——因为document.cookie返回的是所有Cookie拼接成的分号分隔长字符串，没法直接按键取值。

第一步：写个函数专门提取指定Cookie值 #

先封装一个小工具函数，用来精准获取某个名称的Cookie值：

function getCookie(targetName) {
  // 把所有Cookie拆分成独立的键值对，同时去掉前后空格
  const cookieList = document.cookie.split(';').map(item => item.trim());
  // 遍历找到目标Cookie
  for (const cookie of cookieList) {
    const [name, value] = cookie.split('=');
    if (name === targetName) {
      return value;
    }
  }
  // 如果没找到目标Cookie，返回空字符串避免后续报错
  return '';
}

第二步：完整实现你的需求 #

有了上面的函数，就可以按你的逻辑一步步完成复选框勾选了：

// 1. 获取btnname对应的Cookie值
const btnnameValue = getCookie('btnname');
// 2. 把值按#拆分成按钮名称数组（处理Cookie不存在的情况）
const btnNameArray = btnnameValue ? btnnameValue.split('#') : [];

// 3. 遍历数组，勾选对应复选框
btnNameArray.forEach(btnName => {
  // getElementsByName返回的是所有同名元素的集合，要逐个处理
  const checkboxes = document.getElementsByName(btnName);
  for (const checkbox of checkboxes) {
    checkbox.checked = true;
  }
});

小提醒 #

• 页面中可能存在多个同名的复选框，所以getElementsByName返回的是元素集合，必须遍历每个元素设置checked属性，不能直接给集合赋值哦。
• 代码里加了空值判断，避免Cookie不存在时调用split方法报错。

内容的提问来源于stack exchange，提问作者tobi