有时需要实现如下效果:
表单中点击按钮,避免用户多次点击,造成数据重复提交。
通过将按钮设置为不可用,即将按钮变灰,将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",""); //相当于移除属性