自动计算所选单选按钮的总和

<form>
  <input type="radio" name="radioBtn" id="option1" value="1">
  <label for="option1">选项1</label>
  <br>
  <input type="radio" name="radioBtn" id="option2" value="2">
  <label for="option2">选项2</label>
  <br>
  <input type="radio" name="radioBtn" id="option3" value="3">
  <label for="option3">选项3</label>
  <br>
  ...
</form>

const radioBtns = document.querySelectorAll('input[type="radio"]');

radioBtns.forEach(radioBtn => {
  radioBtn.addEventListener('change', calculateTotal);
});

function calculateTotal() {
  let total = 0;

  radioBtns.forEach(radioBtn => {
    if (radioBtn.checked) {
      total += parseInt(radioBtn.value);
    }
  });

  // 显示结果
  document.getElementById('result').textContent = `总和：${total}`;
}