jQuery checkbox selector

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

input[type="checkbox"]

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

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

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

        alert('Check Box: ' + $(this).attr('id'));

    });

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

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

    event.preventDefault();               

    //

    // Check Box - Type Selector

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

        alert('Check Box: ' + $(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