选中单选按钮时尝试更改文本(标题)

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

var radioButtons = document.getElementsByName("option");
for (var i = 0; i < radioButtons.length; i++) {
  radioButtons[i].addEventListener("change", changeText);
}

function changeText() {
  var selectedOption = document.querySelector('input[name="option"]:checked').value;
  var title = document.getElementById("title");
  
  // 根据选项的值进行相应的文本或标题更改
  if (selectedOption === "option1") {
    title.innerHTML = "Option 1 Selected";
  } else if (selectedOption === "option2") {
    title.innerHTML = "Option 2 Selected";
  } else if (selectedOption === "option3") {
    title.innerHTML = "Option 3 Selected";
  }
}

<h1 id="title">Default Title</h1>