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

Question

如果我有一个像 sum = 20 这样的变量，并且我有许多单选按钮，每个单选按钮都有值（数字），我如何才能将选中的单选按钮的值仅添加到 sum 变量，并在选中另一个时单选按钮值将添加到总和变量并在

之前删除其他选中的单选值

Answer 1

您需要向输入添加事件侦听器并相应地更改总和：

let radios = document.getElementsByClassName("numberRadio");
let number = 20;

sum.innerHTML = number;
for(let i = 0; i < radios.length; i++)
     radios[i].addEventListener("click", addNumbers);
     
function addNumbers(event){
     let total = number;
     for(let i = 0; i < radios.length; i++)
          if(radios[i].checked)
               total += parseInt(radios[i].value);
     sum.innerHTML = total;
}

<input type="radio" class="numberRadio" id="one" name="number" value="1">
<label for="one">1</label><br>
<input type="radio" class="numberRadio" id="two" name="number" value="2">
<label for="two">2</label><br>
<input type="radio" class="numberRadio" id="three" name="number" value="3">
<label for="three">3</label>
<br><br>
<input type="radio" class="numberRadio" id="four" name="number1" value="4">
<label for="four">4</label><br>
<input type="radio" class="numberRadio" id="five" name="number1" value="5">
<label for="five">5</label><br>
<input type="radio" class="numberRadio" id="six" name="number1" value="6">
<label for="six">6</label>

<p id="sum"></p>

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

Add Radio button value to summation variable (javascript )

javascript

radio-button