Skip to content
Related Articles

Related Articles

How to disable button element dynamically using JavaScript ?

View Discussion
Improve Article
Save Article
  • Difficulty Level : Easy
  • Last Updated : 25 Dec, 2020

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"

Property Values:

  • true: It defines that the Button element is disabled.
  • false: It is the default value. It defines that the Button is not disabled.

Return Value: It returns a boolean value which represents the Button is disabled or not.



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


Before Click the Button:

After Click the Button:

Supported Browsers: The browser supported by DOM Button disabled property are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!