jquery如何使按钮失效，jquery设置按钮禁用和开启

如何用jquery和原生js控制提交按钮禁用

通过按钮的disabled属性来禁用按钮 例如：按钮的id为btn 控制按钮为禁用： (#btn).attr({disabled：disabled})； 解释：disabled 属性规定应该禁用 input 元素。被禁用的 input 元素既不可用，也不可点击。

非常简单实用，需要的朋友可以参考下本文实例讲述了javascript实现表单提交后，提交按钮不可用的方法。分享给大家供大家参考。具体如下：这里使用javascript控制表单提交后，提交按钮不可用，可以防止用户多次提交。

阻止form提交数据，有几种简单的办法：form表单的action地址不正确，这样就无法提交到正确的地址。限制submit事件。只需要将按钮设置成disabled就可以了。

首先新建html页面，设置一个button按钮。然后拷贝一张图片，编辑CSS代码。引入JQ的类库，并引入之前编辑的CSS样式。编辑js代码，之后运行即可。代码目录结构如下。最终效果如下图所示，就完成了。

希望按钮不可以用，可以直接修改这个按钮的disabled属性就可以了。

相关问答

Q1: jquery动态给button添加active无效

1、分享给大家供大家参考，具体如下：最近遇到一个问题，即当用jquery动态添加元素后，发现给动态添加的元素却无法触发事件。

2、jquery中有一个叫live的方法：jQuery 给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的也有效。

3、)；$(.J_classtree).on(click，function(){ alert(终于进来了)；})；)；如果你把函数放在click事件外面，最初加载页面的时候，$(.J_classtree)就找不到.J_classtree这个类，那段功能函数就添加不了了。

4、不管button.do是否为已经存在的，还是未来添加的，都能执行。

5、index.html，并引入jquery。在index.html中的script标签，输入jquery代码：(body).append(input type=button value=确定)；浏览器运行index.html页面，此时成功通过jquery动态创建了一个确定按钮。

Q2: jquery如何设置按钮的disabled属性

1、在html里添加一个checkbox，disabled状态的和一个按钮。引入jquery插件，在js脚本里，添加对应的程序即可。利用attr的方法来修改disabled属性。

2、在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行btnfun（）函数。

3、例如：按钮的id为btn 控制按钮为禁用： (#btn).attr({disabled：disabled})； 解释：disabled 属性规定应该禁用 input 元素。被禁用的 input 元素既不可用，也不可点击。

4、那么在jquery下面要如何设置呢？其实也很简单 利用jquery的attr的方法即可 (#btnShow).attr({disabled：disabled})；如要让按钮恢复可用，可以采用removeAttr方法把disabled属性删除即可。

5、点击事件不在乎你有没有disabled的，你可以在upfiles() 函数里，进行判断，此a标签是否有disabled属性，如果有，return，如果没有，往下执行，把判断加到点击的函数里。

Q3: jquery让onclick事件失效

1、jquery还有一个解除事件委派的方法：unbind([eventType])。参数是可选的，如果不选，则表示移除节点所有已绑定事件。这里你只需要解除click事件，可以用$(#s1).unbind(click)来处理。

2、解决方法为：新建html文件。创建输入框和按钮。预览效果如图。接下来需要引入jquery.js。设置输入框 keydown 事件和click 事件。按钮点击触发事件。click按钮按下效果如图。

3、为什么点击事件失效，我们该怎么去解决呢？其实最简单的方法就是直接在标签中写onclick=，但是这样写其实是有点low的，最好的方式还是通过给类名绑定一个click事件。

4、(document).on(click，.class，function(){……})；相当于$(.class).live(click，function(){……})；js生成的元素绑定事件必须使用live，但新版的jq，已经淘汰了live，可以用on方法代替，但必须注意写法。

5、把代码中的if(li_number 5){ } 改成 if(li_number 5){ $(.mark_list_r).unbind(click)； } 超出5个就移除绑定的点击事件，那样再点击就没作用了。

Q4: 怎么用JQuery控制button按钮禁用

首先新建html页面，设置一个button按钮。然后拷贝一张图片，编辑CSS代码。引入JQ的类库，并引入之前编辑的CSS样式。编辑js代码，之后运行即可。代码目录结构如下。最终效果如下图所示，就完成了。

希望按钮不可以用，可以直接修改这个按钮的disabled属性就可以了。

先将提交按钮作为隐藏域，在当textarea写入内容时，触发js方法将按钮由隐藏变为显示。

把代码中的if(li_number 5){ } 改成 if(li_number 5){ $(.mark_list_r).unbind(click)； } 超出5个就移除绑定的点击事件，那样再点击就没作用了。

Q5: jquery如何让一个按钮点击后失效1s然后又可以点

1、使用jquery。unbind事件 和 bind事件就能解决。

2、每次进入事件回调函数的时候都要判断这个计时器是否为启动状态，如果是启动状态，直接跳出不执行事件即可。

3、设置cookie，里面存一个时间，页面重新加载后获取cookie的值，用当前时间和cookie中的时间比较，时间大于你的等待时间，不禁用（删除cookie），否者禁用（有cookie才禁用）。

4、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

5、点击事件不在乎你有没有disabled的，你可以在upfiles() 函数里，进行判断，此a标签是否有disabled属性，如果有，return，如果没有，往下执行，把判断加到点击的函数里。

6、学点儿AJAX的知识吧 ajax操作会有callback函数可以使用 具体到你的需求就是这样的，页面中点击按钮后添加数据同时禁用按钮，然后后台执行插入操作，完成后返回操作结果。前台页面判断结果然后做相应的处理。

jquery如何使按钮失效的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于jquery设置按钮禁用和开启、jquery如何使按钮失效的信息别忘了在本站进行查找喔。