jquery和js的按钮失效和启用

1、按钮的失效和启用，在实际中还是挺常用的，特别是通过ajax请求数据到后台，为避免多次重复提交，可以通过让按钮失效的办法来控制，如下图所示：

正常情况下：

2、失效的情况下：

3、下面提供jquery的代码：

   $("#id或.class").attr("disabled",true);   按钮失效

    $("#id或.class").attr("disabled",false);    按钮生效

但是要注意一点，如果你在失效后，请别用this来激活它，不会成功的，

$(this).attr("disabled",false);    这个this就是指代按钮。

例如下面这样是不会再生效的：

4、下面提供下js操作来实现的按钮：

    document.getElementById("id").disabled=true;

    document.getElementById("id").disabled=false;

也能达到同样的效果

5、当然，方法还有很多，比如js中你还可以通过class来操作这个按钮，不一定只能用id的方式。但是记住这两种就已经完全够用了。

6、以上是本人在使用中做出的总结，如果觉得总结的不错，记得给我投票点赞，分享给更多人，谢谢了