jQuery radio selector

The jQuery radio selector is used to filter out all the radio elements in a page, the syntax for this selector is.

input[type="radio"]

In this post we shall see on how to use the jQuery radio selector to select all the radio elements in a page without specifying the id or name of element explicitly.

The following script lists out all the radio elements in the page

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

        alert('Radio Button: ' + $(this).attr('id'));

    });

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

$('#btnTypeSelector').click(function(event) {

    event.preventDefault();               

    //

    // Radio Button - Type Selector

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

        alert('Radio Button: ' + $(this).attr('id'));

    });
});

Related Post
jQuery type Selector
jQuery text Selector
jQuery textarea selector
jQuery hidden Selector
jQuery password Selector
jQuery dropdown Selector
jQuery radio Selector
jQuery checkbox Selector
jQuery image Selector
jQuery HyperLink Selector
jQuery submit Selector
jQuery reset Selector
jQuery button Selector
jQuery type selector Example