使用jquery从无线电组获取值

时间:2011-10-11 08:51:49

标签: jquery html radio-button

我正在尝试获取名为managerelradio的广播组的价值。这个广播组的html代码是。

 <label><input type="radio" name="managerelradio" value="Yes" id="Add">Add</label>
 <label><input type="radio" name="managerelradio" value="No" id="Remove">Remove</label>

和Jquery就是这个..

    var manageradiorel = $('input[name = "managerelradio"]:checked' , '#managechildform').val();
 alert(manageradiorel);

它显示我未定义。

虽然我也试过它。

 var manageradiorel = $('input[name = "managerelradio"]:checked').val();
 alert(manageradiorel);

但我仍然得到未定义的价值。

3 个答案:

答案 0 :(得分:129)

试试这个

var manageradiorel = $("input:radio[name ='managerelradio']:checked").val();
alert(manageradiorel);

请检查this DEMO ..它会正常工作

注意:必须选择一个单选按钮。否则它将返回undefined

您可以使用checked属性将单选按钮选为默认

答案 1 :(得分:15)

它对我有用

$('input[name="managerelradio"]').change(function(){ 

var manageradiorel = $('input[name="managerelradio"]:checked').val();
alert(manageradiorel);

});

示例{{3p>

答案 2 :(得分:8)

一个小的jQuery扩展,使这更容易:

jQuery.fn.extend({
    groupVal: function() {
        return $(this).filter(':checked').val();
    }
});

// Usage:
$("input[name='managerelradio']").groupVal();

// Or even:
$("[name='managerelradio']").groupVal();