js与jquery设置按钮不可用按钮变灰

发布时间:2020-08-29编辑:脚本学堂
如何设置按钮变灰不可用,可以用js也可以用jquery设置按钮的disabled属性,禁用按钮提交功能,也就实现了按钮变灰不可用的效果。

有时需要实现如下效果:
表单中点击按钮,避免用户多次点击,造成数据重复提交
通过将按钮设置为不可用,即将按钮变灰,将disabled属性设置为true,可以解决这个问题。

1、js设置按钮变灰:
 

document.getElementById("控件ID").disabled=true;  //不可编辑状态
document.getElementById("控件ID").disabled=false; //可编辑状态

2、jquery设置按钮变灰
jquery为元素设置或移除disabled属性。

1)、设置为按钮变灰不可用:
 

$("#input").attr("disabled",true);
$("#input").attr("disabled","disabled");

2)、设置为可用:
 

$("#input").attr("disabled",false); //设置disabled为false
$("#input").removeAttr("disabled");  //移除属性
$("#input").attr("disabled",""); //相当于移除属性