将单选按钮值添加到求和变量(javascript )

<input type="radio" id="option1" name="options" value="10">
<label for="option1">Option 1</label>
<input type="radio" id="option2" name="options" value="20">
<label for="option2">Option 2</label>
<input type="radio" id="option3" name="options" value="30">
<label for="option3">Option 3</label>

<input type="button" id="calculateBtn" value="Calculate">
<span id="sum"></span>

// 获取单选按钮元素和总和元素
const option1 = document.getElementById('option1');
const option2 = document.getElementById('option2');
const option3 = document.getElementById('option3');
const calculateBtn = document.getElementById('calculateBtn');
const sumElement = document.getElementById('sum');

// 定义求和变量
let sum = 0;

// 添加事件监听器来处理点击按钮的操作
calculateBtn.addEventListener('click', function() {
  // 检查哪个单选按钮被选中，并将其值添加到求和变量
  if (option1.checked) {
    sum += parseInt(option1.value);
  } else if (option2.checked) {
    sum += parseInt(option2.value);
  } else if (option3.checked) {
    sum += parseInt(option3.value);
  }
  
  // 更新显示总和的元素
  sumElement.textContent = '总和: ' + sum;
});