多个单选按钮，需要将选定的值传递给javascript

Multiple radio buttons, need to pass selected value to javascript

本文关键字：值传 javascript 单选按钮      更新时间：2023-09-26

所以我有一个javascript将输入的值加在一起，效果很好。我需要将所选单选按钮的值添加到此等式中。我是通过 Id 值添加的，所以我想坚持下去会很棒。我想不通...我已经搜索过，但到处都只是指示如何验证选择。

我不认为这是重复的...我需要所选单选按钮的值，并且必须将该值添加到等式中。

Radio Options
<input type="radio" name="int" id="0" value="none">None
<input type="radio" name="int" id="10" value="Ten">10
<input type="radio" name="int" id="20" value="Twenty">20
<input type="radio" name="int" id="30" value="Thirty">30

这是我的javascript的样子： 

function calculate()
{
var userInput = document.getElementById("pkg").value*1;
var userInput2 = document.getElementById("pep").value*1;
var addBox = document.getElementById("addtl").value*1;
var totalNum = document.getElementById("add_cost").value*1;
 // Sum everything
var SumAll = userInput + userInput2 + (addBox*totalNum);
// print the total 
document.getElementById("Sum").innerHTML = SumAll.toFixed(2)
}

只需检查"选中"了哪个单选按钮，如下所示：

var values = document.getElementsByName("int");
for(var i = 0; i < values.length; i++) {
   if(values[i].checked == true) {
       selectedValue = values[i].value;
   }

}

选择的那个将具有 checked == true .

有关示例，请参阅此小提琴（使用控制台查看正在选择的按钮）。

相关文章：