jquery和js的按钮失效和启用

 时间:2026-02-12 05:25:27

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

正常情况下:

jquery和js的按钮失效和启用

2、失效的情况下:

jquery和js的按钮失效和启用

3、下面提供jquery的代码:

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

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

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

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

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

jquery和js的按钮失效和启用

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

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

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

也能达到同样的效果

jquery和js的按钮失效和启用

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

jquery和js的按钮失效和启用

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

  • 如何在开始菜单中显示运行命令
  • 怎样修改html文件默认打开方式(特增第二种方法
  • Axure如何找到“日历”元件?
  • 网站建设技术干货之使用轮播图
  • jquery如何修改textarea文本域的列数
  • 热门搜索
    安全手抄报 关于读书的手抄报内容 汉字真有趣手抄报 讲文明树新风手抄报 劳动最光荣手抄报 遨游汉字王国的手抄报的图片 重阳节的手抄报 儿童手抄报 爱眼护眼手抄报内容 英语手抄报内容