JQuery: How to determine if a radio button has been selected?

Question

How can I determine if my radio buttons are selected?

For example:

if ( radio_button_selected ) {

// do something

} else {

// do something else

}

Answer 1

You can use this selector to determine if any are checked:

jQuery("input[name='my_button_group']:checked")

So for example:

if (jQuery("input[name='my_button_group']:checked")) {
    ...
}
else {
    ...
}

Answer 2

if ($("input[name='yourRadioName']:radio:checked").length) {
} else {
}

Answer 3

If you have your radio button rb already selected through other means, you can do:

var rb = $('whatever selector');

// other code

if (rb.is(':checked'))
{
  // code
}

Answer 4

If you have a reference to the element already, you can use its checked property:

$('input[type=radio]').focus(function(){
    // "this" is the element that was clicked

    if (this.checked) {
        // do something
    } else {
        // do something else
    }
});