我有多組單選按鈕,每組的選定值需要添加並顯示給用戶。到目前爲止,我一直在switch語句中更改函數中的值以處理添加。如何使用參數而不是值獲取單選按鈕組的總數
<form name="config" id="config">
<div class="row-fluid">
<h3>Memory</h3>
<input type="radio" name="section1" value="4gb" onclick="changePrice(0)" checked>4gb<br>
<input type="radio" name="section1" value="8gb" onclick="changePrice(100)">8gb (+$100)<br>
<input type="radio" name="section1" value="16gb" onclick="changePrice(200)">16gb (+$200)
</div>
<div class="row-fluid">
<h3>Primary Hard Drive</h3>
<input type="radio" name="section2" value="dell" onclick="changePrice(0)" checked>Dell<br>
<input type="radio" name="section2" value="asus" onclick="changePrice(100)">Asus(+$100)
</div>
</form>
<div id="price"></div>
我使用的是現在的劇本是
var displayPrice = document.getElementById("price");
var baseNum = 200;
displayPrice.innerHTML = baseNum;
function(changePrice){
var val1, val2;
switch(document.config.section1.value){
case "4gb":
val1 = 0;
break;
case "8gb":
val1 = 100;
break;
case "16gb":
val1 = 200;
break;
default:
val1 = 0;
}
switch(document.config.section2.value){
case "dell":
val1 = 0;
break;
case "asus":
val1 = 100;
break;
default:
val1 = 0;
}
var sum = val1 + val2 + baseNum;
displayPrice.innerHTML = sum;
}
有沒有一種方法可以讓我做使用通過changePrice功能(所以我沒有改變的值傳遞的參數這些計算在switch語句中)?
可能重複[?如何獲得jQuery中使用其名稱所選擇的單選按鈕的值] (http://stackoverflow.com/questions/986120/how-to-get-the-value-of-a-selected-radio-button-using-its-name-in-jquery) – Interrobang 2014-08-28 22:17:13
您可以訪問其他屬性一個單選按鈕,不僅僅是它的價值。你可能會發現'data-'屬性在這裏很有幫助。 – Interrobang 2014-08-28 22:18:12
'function(changePrice){'可能沒有做你打算做的事情。該語句聲明瞭一個具有單個參數的匿名函數「changePrice」,並將其拋出,處於無效的上下文中。 – amphetamachine 2014-08-28 22:18:38