2012-06-13 76 views
2

如何使用JQuery或Prototype獲取所選單選按鈕的值?如何使用Prototype或JQuery獲取所選單選按鈕的值

這裏是我的形式:

<label for="deliveryChoice">Courier&nbsp;<b>&pound;3.00</b></label> 
<input type="radio" name="deliveryChoice" value="2.00" onchange="updateBasketTotals();" /> 
<label for="deliveryChoice">Royal Mail&nbsp;<b>&pound;2.80</b></label> 
<input type="radio" name="deliveryChoice" value="2.00" onchange="updateBasketTotals();" /> 

最後2個命令我試過了:

deliveryVal = Form.getInputs('deliveryProcessor','radio','deliveryChoice').find(function(radio) { return radio.checked; }).value; 
deliveryVal = jQuery('[name="deliveryChoice"]:radio:checked').val(); 

任何想法?

編輯

的單選按鈕作爲頁面加載後的AJAX調用的結果而創建。下面是一個的jsfiddle鏈接吧:jsfiddle.net/4naqm

+1

你在同一頁面上使用jQuery和Prototype嗎?如果是這樣,'$'可能不是jQuery函數。 –

+0

我使用了兩個,但JQuery.noConflict是我使用JQuery –

+2

所以這意味着你實際上使用'jQuery(...)'而不是'$(...)'? [SSCCE](http://sscce.org)怎麼樣? –

回答

3

事情是這樣的:

var value = jQuery("input[name='deliveryChoice']:checked", yourForm).val(); 
+0

'jQuery.noConflict(); alert(jQuery(「input [name ='deliveryChoice']:checked」,「deliveryProcessor」).val());'returns「undefined」; –

+0

將「deliveryProcessor」替換爲document.forms [「deliveryProcessor」]。 – SuperSaiyan

+0

^這工作!感謝:D –

1

使用jQuery:

$('input:radio').change(function(){ 
    alert($(this).val()); 
}); 
+0

$('input:radio')。change(function(){ alert($(this).val()); });返回一個DOMException –

+0

我還沒有測試過:http://jsfiddle.net/xTFgc/ –

1
$("input:radio:checked").val() 
12

使用Prototype則可以通過獲得選定的無線價值:

$$('input:checked[type=radio][name=deliveryChoice]')[0].value; 

希望這有助於!

相關問題