jQuery disabled selector

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

$("input:disabled")

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

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

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

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

    }); 

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

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

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

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