基于单选按钮输入更改值

以下是一个基于单选按钮输入更改值的代码示例：

HTML部分：

<label for="option1">选项1</label>
<input type="radio" id="option1" name="options" value="1">
<br>
<label for="option2">选项2</label>
<input type="radio" id="option2" name="options" value="2">
<br>
<label for="option3">选项3</label>
<input type="radio" id="option3" name="options" value="3">
<br>
<br>
<button onclick="changeValue()">更改值</button>

JavaScript部分：

function changeValue() {
  var options = document.getElementsByName("options");
  var selectedOption;

  for (var i = 0; i < options.length; i++) {
    if (options[i].checked) {
      selectedOption = options[i].value;
      break;
    }
  }

  if (selectedOption) {
    // 根据选中的选项更改值
    // 这里只是一个示例，你可以根据实际需求进行处理
    document.getElementById("someElement").innerText = selectedOption;
  }
}

在这个示例中，我们使用了三个单选按钮来表示不同的选项。当用户点击“更改值”按钮时，会调用changeValue函数。

在changeValue函数中，我们首先通过getElementsByName方法获取到所有名为"options"的单选按钮。然后我们遍历这些单选按钮，找到被选中的选项，并将其值保存在selectedOption变量中。

最后，我们根据选中的选项进行相应的处理。这里只是一个示例，你可以根据实际需求来更改值或执行其他操作。在这个示例中，我们将选中的选项的值设置为某个元素（例如一个<div>）的文本内容。

请注意，在这个示例中，我们需要给每个单选按钮设置一个唯一的id属性，并通过for属性和label元素关联起来，以提高可用性。