How do i know which radio button Has been Selected using Jquery

Question

<input type="radio" id="radio1" name="rb1" value="no"> No
<input type="radio" id="radio2" name="rb1" value="yes"> Yes

when I say this alert("Test =="+$('#radio1').attr('checked')); I expect false because it's not checked but it returns undefined.

What is the correct statement? Why am I getting undefined?

Answer 1

This post explains your exact problem: http://forum.jquery.com/topic/checking-if-certain-radiobutton-is-checked

i.e. you need to use this: alert($('#radio1').is(':checked'));

Answer 2

You get undefined because the checked attribute only exists when the element is selected.

You can get the value of the selected element like this:

$('input[name=rb1]:checked').val()

You can check if a specific element is checked in several way, for example:

if ($('#radio1:checked').length) ...

or:

if ($('#radio1').is(':checked')) ...

Answer 3

// checked value
var value = $("input[@name=rb1]:checked").val();

alert("Test == " + $('#radio1').val() == value );