Wednesday, September 26, 2012

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'));
    });
});

Search Flipkart Products:
Flipkart.com

No comments: