更改单选按钮JavaScript时更改类和变量

<input type="radio" name="option" id="option1" value="option1"> Option 1
<input type="radio" name="option" id="option2" value="option2"> Option 2

// 获取单选按钮的引用
var option1 = document.getElementById("option1");
var option2 = document.getElementById("option2");

// 添加事件监听器
option1.addEventListener("change", handleOptionChange);
option2.addEventListener("change", handleOptionChange);

// 事件处理函数
function handleOptionChange() {
  // 获取选择的值
  var selectedOption = document.querySelector('input[name="option"]:checked').value;

  // 根据选择更改类和变量
  if (selectedOption === "option1") {
    // 更改类
    document.body.classList.add("option1");
    document.body.classList.remove("option2");

    // 更改变量
    var myVariable = "Option 1 selected";
  } else if (selectedOption === "option2") {
    // 更改类
    document.body.classList.add("option2");
    document.body.classList.remove("option1");

    // 更改变量
    var myVariable = "Option 2 selected";
  }
}