jQuery checked selector for radio buttons

The jQuery checked selector is used to filter out all the checked radio button elements in a page.

$("input[type=radio]:checked")

In this post we shall see on how to use the jQuery checked radio button selector to select all the checked radio button elements in a page.

The following script lists out all the checked radio button elements in a page

    $("input[type=checkbox]:checked").each(function() {

        alert('State - Checked, type = checkbox:' + $(this).attr('id'));

    });

The following script lists out all the checked radio button elements in a page on click of the btnStateSelector button.

$('#btnStateSelector).click(function(event) {
    event.preventDefault();               
    //
    // State - Checked, type = radiobutton

    $("input[type=radio]:checked").each(function() {

        alert('State - Checked, type = radiobutton:' + $(this).attr('id'));

    });
});

Related Post
jQuery state selector
jQuery enabled selector
jQuery disabled selector
jQuery visible selector
jQuery hidden selector
jQuery checked selector
jQuery visible selector for dropdowns
jQuery checked selector for radio buttons
jQuery checked selector for checkboxes
jQuery state selector Example