Question

如何禁用JavaScript onclick事件的html按钮？我使用的是input type="button"

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

由于我没有使用jquery或UI的任何框架，如何禁用它？

我尝试设置disabled = true，但它不起作用。

例如：

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

Answer 1

适合我的工作

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

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

Answer 2

设置disabled=true应该有效，您可能在其他地方出错：

＆＃13;

function toggle_disable() {
  var button = document.getElementById("test");

  if (button.disabled) {
    button.disabled = false;
  } else {
    button.disabled = true;
  }
}

＆＃13;

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

＆＃13;

Answer 3

<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>

Answer 4

在javascript函数中设置disabled = true

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

在JS中

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

Javascript-如何使用javascript禁用html按钮

4 个答案: