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

已于 2022-11-11 17:20:08 修改
阅读量8.4w 收藏 24
点赞数 6
分类专栏： jquery 文章标签： jquery
于 2015-08-14 11:28:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangjun5159/article/details/47659229
版权

禁用按钮：

$("#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，对超链接不起作用
 

个人公众号
 

 

 
 


                

        

        

    

  


    

      

        

            

              
                
                  wangjun5159
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
用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 EasyUI 菜单与按钮之创建简单的菜单和链接按钮

				
			

			

				

					10-23
				

			

		

		

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

			
		

	



                


  
              

                


	

		

			

				
					
jQuery设置disabled属性

				
			

			

				

					weixin_33804582的博客
				

				

					09-19
					
					72
					
				

			

		

		

			
				
先比较下readOnly和disabled：
　　readOnly 只针对input(text/ password)和textarea有效；
　　disabled 对于所有的表单元素都有效，包括select,radio, checkbox, button等。
　　但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonl...

			
		

	





	

		

			

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

					
热门推荐

				
			

			

				

					极客神殿
				

				

					10-11
					
					1万+
					
				

			

		

		

			
				
Readonly只针对input和textarea有效，而disabled对于所有的表单元素都有效。
表单中readOnly和disabled的区别：
Readonly只针对input(text/ password)和textarea有效，而disabled对于所有的表单元素都有效，包括select,radio, checkbox, button等。
但是表单元素在使用了disabled后，当我们...

			
		

	



		

			
		



	

		

			

				
					
jQuery知识点

				
			

			

				

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

				

					04-27
					
					686
					
				

			

		

		

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

			
		

	





	

		

			

				
					
jquery的disabled

				
			

			

				

					sinolzeng的专栏
				

				

					09-22
					
					4403
					
				

			

		

		

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

			
		

	





	

		

			

				
					
FreeCodeCamp练习二

				
			

			

				

					huntedge的博客
				

				

					07-09
					
					632
					
				

			

		

		

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

			
		

	





	

		

			

				
					
在jQuery中禁用按钮

				
			

			

				

					xfxf996的博客
				

				

					06-16
					
					4335
					
				

			

		

		

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

			
		

	





	

		

			

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

				
			

			

				

					10-20
				

			

		

		

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

			
		

	





	

		

			

				
					
jQuery EasyUI API 中文文档 – MenuButton菜单按钮使用介绍

				
			

			

				

					12-07
				

			

		

		

			
				
3. **enable()**: 无参数，启用已禁用的 MenuButton，恢复其正常功能。  除了这些，MenuButton 还兼容 linkbutton 的所有方法，如 `toggle()`（切换按钮状态），`getText()`（获取按钮文本），`setText(text)`（设置...

			
		

	





	

		

			

				
					
轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮

				
			

			

				

					10-23
				

			

		

		

			
				
在需要禁用或启用链接按钮时，可以使用jQuery的链式调用来实现。  ```javascript // 禁用链接按钮 $('#buttonId').linkbutton('disable'); // 启用链接按钮 $('#buttonId').linkbutton('enable'); ```  #### 5. 按钮...

			
		

	





	

		

			

				
					
jQuery EasyUI API 中文文档 - MenuButton菜单按钮使用介绍

				
			

			

				

					10-28
				

			

		

		

			
				
在jQuery EasyUI中，MenuButton是一个非常实用的组件，它将按钮与菜单合二为一，用户点击按钮时会弹出一个菜单供用户选择。本文档将详细介绍如何使用jQuery EasyUI的MenuButton组件，并提供相关的代码示例与特性解析...

			
		

	





	

		

			

				
					
jquery设置button disable

				
			

			

				

					vivian的专栏
				

				

					06-14
					
					886
					
				

			

		

		

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

			
		

	





	

		

			

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

				
			

			

				

					zhouchang111的博客
				

				

					02-02
					
					6307
					
				

			

		

		

			
				

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

			
		

	





	

		

			

				
					
jquery button disabled_前端之jQuery

				
			

			

				

					weixin_39640762的博客
				

				

					11-20
					
					166
					
				

			

		

		

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

			
		

	





	

		

			

				
					
input button 中的disabled属性

				
			

			

				

					qq_41047017的博客
				

				

					09-24
					
					1097
					
				

			

		

		

			
				
input button 中的disabled属性

disabled我以为它是true时就是禁用，false是可以点击的，disabled＝’disabled’是禁用
的确 最后一个是对的，但是只要有disabled属性，都会被禁用掉该标签的后续事件，比如button的点击事件
目的：更加严谨一些，禁止用户一些过于频繁的操作，只有输入或者满足某些条件才能触发后续事件
删除disabled属性：$('btn').removeAttr('disabled')

5.添加disabled属性 $('btn').

			
		

	





	

		

			

				
					
jquery 控制button的disabled属性

				
			

			

				

					风一样的人
				

				

					01-06
					
					3243
					
				

			

		

		

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

			
		

	





	

		

			

				
					
HTML的＜button＞ 标签的 disabled 属性

				
			

			

				

					Jerry Man的博客
				

				

					08-11
					
					3265
					
				

			

		

		

			
				
实例
一个被禁用的按钮：
<button type="button" disabled="disabled">Click Me!</button>

定义和用法
disabled 属性规定禁用按钮。
被禁用的按钮既不可用，也不可点击。
可以设置 disabled 属性，直到满足某些条件（比如选择一个复选框），才恢复用户对该按钮的使用。然后，可以使用 JavaScript 来清除 disabled 属性，以使文本区变为可用状态。
语法
<button disabled="valu

			
		

	





	

		

			

				
					
用disable隐藏按钮

					
最新发布

				
			

			

				

					06-02
				

			

		

		

			
				
如果您想用 `disable` 方法来禁用一个按钮（button），可以先获取该按钮的 DOM 元素，然后设置其 `disabled` 属性为 `true`。示例代码如下：

```javascript
// 获取按钮元素
const myButton = document.getElementById('my-button');

// 禁用按钮
myButton.disabled = true;
```

这样，当用户点击该按钮时，不会触发任何事件。如果您需要让按钮重新可用，只需将 `disabled` 属性设为 `false` 即可：

```javascript
// 启用按钮
myButton.disabled = false;
```

希望这些信息能对您有所帮助。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值