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;"> neveropen </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
