使用 jquery 从无线电组获取价值

get value from radio group using jquery

提问by Rahul Singh

I am trying to get value of radio group with name managerelradio. My html code for this radio group is.

我正在尝试获取具有 name 的无线电组的价值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>

and Jquery for this is..

和 Jquery 是..

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

its showing me undefined.

它显示我未定义。

Though I have also tried it as.

虽然我也试过了。

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

But still I am getting undefined value.

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

回答by Null Pointer

Try this

尝试这个

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

Plese check thisDEMO ..it will work fine

请检查这个DEMO ..它会正常工作

Note:One of your radio button must be selected. Otherwise it will return undefined

注意：必须选择您的单选按钮之一。否则会返回 undefined

You can use checkedattribute to make a radio button selected as default

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

回答by Gowri

It works for me

这个对我有用

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

    var manageradiorel = e.target.value;
    alert(manageradiorel);

});

Exaple here

例子在这里

回答by CupOfTea696

A small jQuery extension to make this a little easier:

一个小的 jQuery 扩展，使这更容易一些：

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

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

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