Wednesday, October 3, 2012

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

Search Flipkart Products:
Flipkart.com

No comments: