单击后如何禁用javascript中的提交按钮？

Question

我正在使用按钮标签来创建按钮。我想在单击按钮时禁用它。但是我做不到。我希望这里有人可以帮助我...

Answer 1

您需要更改按钮的.disabled属性。

var btn = document.querySelector("#submit-btn");
btn.disabled = true;

实时示例：

var btn = document.querySelector("#submit-btn");
btn.addEventListener('click', function() {
  submit();
});
function submit() {
  btn.disabled = true;
}

#submit-btn {
  width: 100%;
  height: 30px;
  border: solid black .5px;
}
#submit-btn:disabled {
  background-color: gray;
}

<input type="submit" id="submit-btn" value="Submit">

来自this question。

Answer 2

HTML <input type="button" id="btn1" onClick="clicked()" value="text">

JS

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