How to disable button element dynamically using JavaScript ?
Last Updated :
12 Jan, 2023
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>
<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
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...