如何使用Prototype或JQuery获取所选单选按钮的值

时间:2012-06-13 13:20:24

标签: javascript jquery forms prototypejs radio-button

如何使用JQuery或Prototype获取所选单选按钮的值?

这是我的表格:

<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();" />

我尝试的最后两个命令是:

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

4 个答案:

答案 0 :(得分:14)

使用Prototype,您可以通过以下方式获取所选无线电的值:

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

希望这有助于!!!

答案 1 :(得分:3)

这样的事情:

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

答案 2 :(得分:1)

使用jQuery:

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

答案 3 :(得分:1)

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