Wednesday, October 3, 2012

jQuery checked selector for checkboxes


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

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

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

The following script lists out all the checked checkbox 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 checkbox elements in a page on click of the btnStateSelector button.

$('#btnStateSelector).click(function(event) {
    event.preventDefault();               
    //
    // State - Checked, type = checkbox
    $("input[type=checkbox]:checked").each(function() {
        alert('State - Checked, type = checkbox:' + $(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

Search Flipkart Products:
Flipkart.com

No comments: