Wednesday, October 3, 2012

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

Search Flipkart Products:
Flipkart.com

No comments: