单击后如何禁用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">

从这个问题获得资源。

Answer 2

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

JS

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