多個單選按鈕，需要將所選值傳遞給javascript

Question

因此，我有一個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)

}

Answer 1

只需檢查哪個單選按鈕被“選中”即可，如下所示：

var values = document.getElementsByName("int");

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

}

選擇的一個將被checked == true 。

有關示例，請參見此小提琴 （使用控制台查看所選擇的按鈕）。