jQuery :enabled Selector

Last Updated : 11 Jul, 2025

The jQuery :enabled selector is used to select all enabled form elements.

Syntax :

$(":enabled")

Parameter:

:enabled selector: It is used for selecting HTML elements that support the disabled attribute. i.e button tag, input tag, optgroup tag, option tag, select tag and textarea tag.

Example 1:

HTML

<!DOCTYPE html>
<html>

<head>
    <title>:enabled Selector</title>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
    <script>
        $(document).ready(function () {
            $(":enabled").css("background-color",
                "green");
        });
    </script>
</head>

<body>
    <center>
        <form action="#">
            <h1>Welcome to GeeksforGeeks!.</h1>
            <div>
                Text :
                <input type="text" name="text" 
                       value="GeeksforGeeks">
                <br />
                <input type="submit" name="submit" 
                       value="submit">
            </div>
        </form>
    </center>
</body>

</html>

Output:

Example 2:

HTML

<!DOCTYPE html>
<html>

<head>
    <title>:enabled Selector</title>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
    <script>
        $(document).ready(function () {
            $(":enabled").css("background-color",
                "green");
        });
    </script>
</head>

<body>
    <center>
        <form action="#">
            <h1>Welcome to GeeksforGeeks!.</h1>
            <div>
                Select :
                <select>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                </select>
            </div>
        </form>
    </center>
</body>

</html>