Javascript- How to disable a html button using javascript

Question

How to disable a html button on JavaScript onclick event ? I am using a input type="button"

<input type="button" class="standardbutton" value="Password Reset" id="mybutton" onclick=" passwordReset()"/>

Since I am not using jquery or any framework for the UI, how to disable it?

I tried to set disabled = true, but it didn't work.

For example:

 document.getElementById("mybutton").disabled = true;

Add the relevant code to your question, so that we can see what is going on. — Matt
– Matt, Commented Jan 20, 2016 at 10:06
@willie document.querySelector('#mybutton').disabled = true how is that any more slower or complicated than fetchnig jQuery just to use its attr()? — ROAL
– ROAL, Commented Jan 20, 2016 at 10:15

Rajesh Dixit · Accepted Answer · 2016-01-20 10:16:59Z

5

Works fine for me

function disableBtn1(){
  document.getElementById("btn1").disabled = true;
}

<input type="button" id="btn1" value="Btn 1"/>
<button id="btn2" onclick="disableBtn1();"> btn 2</button>

answered Jan 20, 2016 at 10:16

Rajesh Dixit

25k5 gold badges52 silver badges86 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Apolo · Accepted Answer · 2016-01-20 10:15:42Z

2

Set disabled=true should work, you may have an error somewhere else :

function toggle_disable() {
  var button = document.getElementById("test");

  if (button.disabled) {
    button.disabled = false;
  } else {
    button.disabled = true;
  }
}

<input type="button" id="test" value="I'm a button"/>

<input type="button" id="toggle" onclick="toggle_disable()" value="&lt;= Disable it !"/>

answered Jan 20, 2016 at 10:15

Apolo

4,0512 gold badges26 silver badges53 bronze badges

Comments

Gust van de Wal · Accepted Answer · 2016-11-28 22:16:36Z

1

<button id="button">My Button</button>

<p>Click the button below to disable the button above.</p>

<button onclick="disable()">Click</button>

<script>
  function disable() {
    document.getElementById("button").disabled = true;
  }
</script>

edited Nov 28, 2016 at 22:16

Gust van de Wal

5,3031 gold badge27 silver badges52 bronze badges

answered Jan 20, 2016 at 10:26

aarzoo

191 silver badge5 bronze badges

Comments

John · Accepted Answer · 2016-01-20 11:07:03Z

0

Set disabled = true in javascript function

     <input type="button" class="standardbutton" value="Password Reset" id="mybutton" onclick=" passwordReset()"/>

In JS

function passwordReset(){
  document.getElementById("mybutton").disabled = true;
}

answered Jan 20, 2016 at 11:07

John

1079 bronze badges

Collectives™ on Stack Overflow

Javascript- How to disable a html button using javascript

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related