get value from radio group using jquery

Question

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

 <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..

    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.

Answer 1

Try this

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

Plese check this DEMO ..it will work fine

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

You can use checked attribute to make a radio button selected as default

Answer 2

It works for me

$('input[name="managerelradio"]').on('change', function(e) {      var manageradiorel = e.target.value;     alert(manageradiorel);  }); 

Exaple here