点击按钮重复提交怎么解决

时间:2024-10-12 01:26:18

1、先创建一个简单的按钮元素,如图

点击按钮重复提交怎么解决

2、然后给按钮添加上属性id值,如图

点击按钮重复提交怎么解决

3、再然后设置按钮点击时触发的js方法,如图

点击按钮重复提交怎么解决

4、在js方法使用document.getElementById获得按钮的id值,如图

点击按钮重复提交怎么解决

5、最后根据获得id值设置disabled值为true,也就是禁用的意思,如图

点击按钮重复提交怎么解决

6、打开页面点击按钮后就会发现按钮显示灰色不可点击了,如图

点击按钮重复提交怎么解决
点击按钮重复提交怎么解决
© 手抄报圈