单击一下即可使按钮不可点击

时间:2014-05-18 17:08:49

标签: javascript html

我正在尝试创建一个在第一次点击后停用的按钮;但是我不知道怎么做。 这就是我现在所拥有的:

<input type="button" id="btnSearch" value="Search" onclick="Fuction();" />

此按钮不会提交表单。有人能帮助我吗?我对此完全陌生。我试过在其他线程中跟随答案,但迷路了。

4 个答案:

答案 0 :(得分:5)

将HTML与HTML分开:

HTML:

<input type="button" value="Click me!" id="form-button"/>

使用Javascript:

document.getElementById('form-button').onclick = function () {
    this.disabled = true;
}

答案 1 :(得分:2)

在处理程序的末尾设置disabled属性:

function Fuction(button) {
    // your code

    button.disabled = true;
}

标记:

<input type="button" id="btnSearch" value="Search" onclick="Fuction(this);" />

答案 2 :(得分:2)

当然不是首选方式,但这样可以获得您所追求的结果。

function Fuction() {
  document.getElementById('btnSearch').disabled = 'disabled';
}

答案 3 :(得分:0)

只需在隐式添加的事件变量函数中调用event.preventDefault()即可首先停止传播。要在之后禁用它,只需在元素上调用setAttribute("disabled", true);即可。像

这样的东西
function aMeaningfulName(e) {
    e.preventDefault();
    e.target.setAttribute("disabled", true);

    // your logic here
}