2012-06-13 41 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; 

希望这有助于!

相关问题