将单选按钮值保存到cookie并检索

// 1. 获取单选按钮元素的值
var radioButton = document.querySelector('input[name="myRadioButton"]:checked');
var radioButtonValue = radioButton.value;

// 2. 使用document.cookie属性设置cookie值
document.cookie = "myCookie=" + radioButtonValue;

// 可选步骤：设置cookie的过期时间
var expirationDate = new Date();
expirationDate.setFullYear(expirationDate.getFullYear() + 1); // 设置为一年后过期
document.cookie = "myCookie=" + radioButtonValue + "; expires=" + expirationDate.toUTCString();

// 可选步骤：设置cookie的路径和域
document.cookie = "myCookie=" + radioButtonValue + "; expires=" + expirationDate.toUTCString() + "; path=/; domain=example.com";

// 1. 使用document.cookie属性获取cookie值
var cookies = document.cookie;

// 2. 将cookie值解析为键值对
var cookieArray = cookies.split("; ");

// 3. 查找目标cookie项，并获取其值
var radioButtonValue;
for (var i = 0; i < cookieArray.length; i++) {
  var cookie = cookieArray[i].split("=");
  if (cookie[0] === "myCookie") {
    radioButtonValue = cookie[1];
    break;
  }
}

// 4. 使用获取到的值进行后续处理
console.log("The value of myCookie is: " + radioButtonValue);