基于单选按钮选择更改JavaScript值。

HTML 代码：

<label>
  <input type="radio" name="choice" value="option1" checked> 选项一
</label>
<label>
  <input type="radio" name="choice" value="option2"> 选项二
</label>
<p id="result"></p>

JavaScript 代码：

const choice1Value = '这是选项一的值';
const choice2Value = '这是选项二的值';
const radioButtons = document.getElementsByName('choice');
const resultElem = document.getElementById('result');

function handleRadioButtonChange(event) {
  if (event.target.value === 'option1') {
    resultElem.textContent = choice1Value;
  } else if (event.target.value === 'option2') {
    resultElem.textContent = choice2Value;
  }
}

for (let i = 0; i < radioButtons.length; i++) {
  radioButtons[i].addEventListener('change', handleRadioButtonChange);
}

在这个示例中，我们创建了两个选项的 value，并设置默认选项为选项一。我们获取所有单选按钮元素并为其添加 change 事件监听器，每当发生 change 事件时，我们处理所选单选按钮的更改并在 result 元素中插入对应的值。