jquery disable按钮（启用、禁用按钮）

原创已于 2022-11-11 17:20:08 修改 · 8.6w 阅读

24 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

于 2015-08-14 11:28:36 首次发布

jquery 专栏收录该内容

15 篇文章

订阅专栏

本文详细介绍了如何使用JavaScript实现按钮的禁用与启用功能，包括使用attr()方法进行操作，并指出了不同方法的适用场景。此外，文章还提到了禁用按钮时的一些注意事项，帮助开发者更高效地进行前端开发。

禁用按钮：

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

启用按钮：

$("#id").removeAttr("disabled");
$("#id").attr("disabled",false);

注意：

1、$("#id").attr("disabled","false");不起作用
2、disabled只能禁用button，对超链接不起作用

个人公众号

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

wangjun5159

关注关注

6
点赞
踩
24

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

使用jQuery禁用按钮

PixelNinja的博客

09-27

444

jQuery是一种流行的JavaScript库，它提供了简洁的语法和强大的功能，可以轻松地操作HTML元素。在本文中，我将向您展示如何使用jQuery来禁用按钮。一旦您准备好使用jQuery，您可以使用选择器来选择您想要禁用的按钮。如果您想根据特定条件来禁用按钮，您可以将禁用按钮的代码放在适当的地方。例如，您可以在某个事件的处理程序中使用条件语句来决定是否禁用按钮。您可以根据自己的需求选择适当的选择器和条件来禁用按钮。您还可以使用其他选择器来选择要禁用的按钮。来引用被单击的按钮，并使用。

jquery-enable-disable:一个简单、轻量级的 jQuery 插件，它添加了启用和禁用元素的方法，以及检查元素是启用还是禁用的方法。专为与 Bootstrap 协同工作而设计！

06-23

jquery-启用-禁用一个简单、轻量级的 jQuery 插件，它添加了启用和禁用元素的方法，以及检查元素是启用还是禁用的方法。专为与 Bootstrap 协同工作而设计！您可以将 jQuery 选择器作为附加参数传递来过滤集合。 ...

1 条评论您还未登录，请先登录后发表或查看评论

1 条评论

西沙浦从入门到放弃 2020.08.05
我就是给false加引号了，才导致不起作用的

用jquery设置按钮的disabled属性的实现代码

12-09

在html标签中设置按钮被禁用，可以使用如下代码 <input type=’button’ id=’test’ value=’disabled’> 在jquery中可以使用attr()函数修改按钮的disable属性 $(“#test”).attr(‘disabled’,false); jquery 控制button的disabled属性代码如下: $(‘#button’).attr(‘disabled’,”true”);添加disabled属性 $(‘#button’).removeAttr(“disabled”); 移除disabled属性

jQuery知识点

一只野生程序猿从入门到入土的学习之路

04-27

742

1、先讲讲JQuery的概念，JQuery首先是由一个 America 的叫什么 John Resig的人创建的，后来又很多的JS高手也加入了这个团队。其实 JQuery是一个JavaScript的类库，这个类库集合了很多功能方法，利用类库你可以用简单的一些代码实现一些复杂的JS效果。 2、JQuery实现了代码的分离，不用再网页中加入如：onclick之类的事件来调用函数了，直接引入JQuery...

jquery的disabled

sinolzeng的专栏

09-22

4519

在html标签中设置按钮被禁用，可以使用如下代码

FreeCodeCamp练习二

huntedge的博客

07-09

762

一、Learn how Script Tags and Document Ready Work<script>$(document).ready(function(){});</script> 并不明白这行是干嘛的……二、Target HTML Elements with Selectors Using jQuery jQuery都是通过“$”开始，通过选择器来选择一个元素的，然后操作元素做些改变

button标签的disable属性

最新发布

weixin_73060959的博客

09-27

2395

属性是布尔属性，它的值通常不需要写出来，只要属性存在，就会生效。标签中时，按钮会变为禁用状态，这意味着用户无法与之交互，它不会被包含在表单提交中。在这个例子中，按钮被禁用了，用户无法点击它。如果你想禁用一个按钮，应该使用。这与不写值的效果相同，都是禁用按钮。属性是一个布尔属性，当它出现在。

轻量级jQuery插件实现元素启用禁用功能

强调“启用禁用”功能特性，表明其专注解决状态控制问题；明确提及“Bootstrap”，说明其样式兼容性经过专门测试与调整；涵盖“表单元素”、“输入框”、“按钮”、“菜单项”等多个关键词，反映出其广泛适用性；而...

jQuery EasyUI 菜单与按钮之创建简单的菜单和链接按钮

10-23

链接按钮可以被启用或禁用。若要禁用一个链接按钮，可以使用以下代码： ```javascript $(selector).linkbutton('disable'); // 调用'disable'方法 ``` 其中 `selector` 是链接按钮的jQuery选择器。当调用 `disable...

Jquery Easyui分割按钮组件SplitButton使用详解（17）

10-20

- 'disable'方法：用于禁用菜单按钮，使得按钮无法进行点击操作。 - 'enable'方法：用于启用菜单按钮，重新允许按钮被点击。 - 'destroy'方法：用于销毁菜单按钮，移除SplitButton实例对当前元素的作用。需要注意...

用jquery设置按钮的disabled属性来实现按钮的禁用

zhouchang111的博客

02-02

6449

1,虽然可以在button标签中直接添加disable属性来实现按钮的禁用，但是并没有什么意义，按钮是用来按的，素以要实现有条件的禁用。使用jquery选择器选定标签，再使用attr()函数控制按钮的disable属性，就能实现按钮的有条件禁用，直接来看函数： $('#button').attr('disabled',"true");添加disabled属性 $('#b...

在jQuery中禁用按钮

xfxf996的博客

06-16

4416

My page creates multiple buttons as id = 'rbutton_"+i+"' . 我的页面创建了多个按钮，如id = 'rbutton_"+i+"' 。 Belo

jquery设置button disable

vivian的专栏

06-14

960

$(#prepareConfirm).attr(disabled,"true");prepareConfirm为按钮的id

jquery button disabled_前端之jQuery

weixin_39640762的博客

11-20

218

jQuery对象jQuery对象是通过jQuery包装DOM对象后产生的对象注意：jQuery对象只能使用jQuery里的方法，DOM对象只能使用DOM对象的方法jQuery基础知识点查找标签基本选择器id选择器：$('#id')标签选择器：$('tagName')class选择器：$(".className“)配合使用：$("div.c1") //找到有c1的div标签所有元素选择器...

JQuery设置和去除disabled属性的5种方法

PHP攻城师

05-15

5727

//两种方法设置disabled属性 $('#areaSelect').attr("disabled",true); $('#areaSelect').attr("disabled","disabled"); //三种方法移除disabled属性 $('#areaSelect').attr("disabled",false); $('#areaSelect').removeA

jquery 控制button的disabled属性

lichengyezi的博客

10-08

321

$('#button').attr('disabled',"true");添加disabled属性 $('#button').removeAttr("disabled"); 移除disabled属性

jQuery设置disabled属性与移除disabled属性