Related Articles

Related Articles

jQuery | :disabled Selector
  • Last Updated : 26 Feb, 2019

The :disabled selector is used for selecting all disabled form elements.

Syntax:

$(":disabled")

Parameter:

  • :disabled 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:

filter_none

edit
close

play_arrow

link
brightness_4
code

<!DOCTYPE html>
<html>
  
<head>
    <title>:disabled Selector</title>
    <script src=
  </script>
     
  <script>
        $(document).ready(function() {
            $(":disabled").css(
              "background-color", "green");
        });
    </script>
</head>
  
<body>
    <center>
        <form action="#">
            <h1>Welcome to GeeksforGeeks!.
          </h1>
            <div>
                Text :
                <input type="text" 
                       name="text" 
                       disabled="disabled">
                <br/>
                <br/> Select :
                <select>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                </select>
            </div>
  
        </form>
    </center>
  
</body>
  
</html>

chevron_right


Output:

Example-2:

filter_none

edit
close

play_arrow

link
brightness_4
code

<!DOCTYPE html>
<html>
  
<head>
    <title>:disabled Selector
  </title>
    <script src=
  </script>
      
  <script>
        $(document).ready(function() {
            $(":disabled").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" 
                       disabled="disabled">
            </div>
  
        </form>
    </center>
  
</body>
  
</html>

chevron_right


Output:




My Personal Notes arrow_drop_up
Recommended Articles
Page :