Open In App
Related Articles

How to disable button element dynamically using JavaScript ?

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report

The Button disabled property in HTML DOM is used to set or return whether a Button element would be disabled or not. A disabled element is un-clickable and unusable. It contains a boolean value.

Syntax: It is used to set the button disabled property.

buttonObject.disabled = "value"

Example: In this example, we will disable a button using the disabled attribute.

HTML

<body style="text-align:center">
  
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>
  
    <h2>
        How to disable button element<br>
        dynamically using JavaScript?
    </h2>
  
    <!-- Assigning id to Button. -->
    <button id="GFG" onclick="Geeks()">
        Submit
    </button>
  
    <br><br>
  
    <p id="sudo"></p>
  
    <script>
        function Geeks() {
          
            document.getElementById("GFG")
                .disabled = "true";
          
            document.getElementById("sudo")
                .innerHTML = "Button is Disabled";
        
    </script>
</body>

                    

Output:

Disable button element dynamically

Disable button element dynamically



Last Updated : 12 Jan, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads