jQuery enabled selector

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

$("input:enabled")

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

The following script lists out all the enabled elements in a page

    $("input:enabled").each(function() {

        alert('State - Enabled:' + $(this).attr('id'));

    }); 

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

$('#btnStateSelector).click(function(event) {
    event.preventDefault();               
    //
    // State - Enabled

    $("input:enabled").each(function() {

        alert('State - Enabled:' + $(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