HTML代码中,如何使按钮变成不可按(灰色状态),然后怎样解除这种状态?

<button id="myButton" disabled>111</button>

这样这个button就不可以用了。

然后你要恢复就可以：

document.getElementById("myButton").disabled = false

它就又可以用了

1、新建html文档，在body标签中添加一些button按钮，然后为这些按钮设置默认颜色为灰色：

2、添加js代码，首先获取所有的button按钮，然后使用for循环为这些按钮添加点击事件：

3、这时被点击的按钮将会更换颜色，而没有被点击的按钮依然是原来的颜色：

前端按钮点击后变灰,十秒后才能继续点击，效果类似于发送短信，接受验证码。昨天质检查报表，几分钟点了60多次，一个人点的，也是醉了。所以要在页面质检系统里面，页面加个功能，点了按钮之后，按钮变灰，弄个60s的倒计时，然后才能再点来控制一下。

---