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

最新推荐文章于 2025-06-07 11:18:36 发布
转载 最新推荐文章于 2025-06-07 11:18:36 发布 · 6.4k 阅读 · 4

本文介绍如何使用jQuery来禁用和启用HTML中的按钮。通过三种不同的方法实现按钮的禁用，并提供了一种简单的方法来重新启用按钮。同时指出，直接设置disabled属性为false无效，以及disabled属性不适用于超链接。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

转载自：http://blog.youkuaiyun.com/wangjun5159/article/details/47659229

禁用按钮：

[html]  view plain  copy
  1. $("#id").attr("disabled","true");  
  2. $("#id").attr("disabled",true);  
  3. $("#id").attr("disabled","disabled");  
 

 

 
 
 

 启用按钮：
 
 

 
 
 
  
 
   [html] 
   view plain
    copy 
   
 
   
 
   
  
 
 
 
 
  1.  $("#id").removeAttr("disabled");  
  2.  $("#id").attr("disabled",false);  
 

 

 

 
 

 注意：
 

 
 

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


                

        

    

    
  



    



                



	

		

			

				
					
解决 jQuery 中 disabled 属性不起作用的编程问题

				
			

			

				

					ByteJolt的博客
				

				

					09-20
					
					884
					
				

			

		

		

			
				
属性用于禁用一个元素，使其无法响应用户的交互操作。当一个元素被禁用时，用户无法对其进行点击、输入或其他操作。确保正确选中元素、处理动态加载的元素并注意 CSS 样式的覆盖，以便正确地禁用元素并防止用户交互。属性，元素仍然是可交互的。本文将详细介绍如何解决这个问题，并提供相应的源代码示例。属性来禁用表单元素或者其他交互元素，但有时候可能会遇到。，我们禁用了元素的交互操作并降低了其不透明度。在上面的代码中，我们使用 CSS 选择器。是要禁用的元素的选择器。在上面的代码中，我们使用。，从而禁用了该元素。

			
		

	



                

            
              



	

		

			

				
					
使用jQuery禁用按钮

				
			

			

				

					PixelNinja的博客
				

				

					09-27
					
					350
					
				

			

		

		

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

			
		

	



              


  
              

                


	

		

			

				
					
添加禁用状态

					
最新发布

				
			

			

				

					2503_91259466的博客
				

				

					06-07
					
					922
					
				

			

		

		

			
				
以下是几种使用jQuery给登录按钮(.login_but。

			
		

	





	

		

			

				
					
[JavaScript] 用 jQuery 限时禁用控件

				
			

			

				

					Regino的博客
				

				

					04-11
					
					288
					
				

			

		

		

			
				
本文包含了 JavaScript 中用 jQuery 限时禁用控件的相关案例。。。

			
		

	



		

			
		



	

		

			

				
					
在jQuery中禁用按钮

				
			

			

				

					xfxf996的博客
				

				

					06-16
					
					4393
					
				

			

		

		

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

			
		

	





	

		

			

				
					
按钮设置disabled

				
			

			

				

					习惯有你&的博客
				

				

					11-25
					
					2143
					
				

			

		

		

			
				
$("#_button").css('disabled',"true");//将按钮设置为不可用


$("#_button").css('disabled',"false");//将按钮设置为可用



$("#_button").attr({"disabled":"disabled"});//将按钮设置为不可用



$("#_button").removeAttr("d

			
		

	





	

		

			

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

				
			

			

				

					06-23
				

			

		

		

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

			
		

	





	

		

			

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

				
			

			

				

					10-23
				

			

		

		

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

			
		

	





	

		

			

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

				
			

			

				

					10-20
				

			

		

		

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

			
		

	





	

		

			

				
					
客户端按钮启用与禁用功能详解

				
			

			

				

					
				

			

		

		

			
				
资源摘要信息: "客户端上的启用和禁用按钮"  在现代Web开发中，实现客户端按钮的启用和禁用功能是常见的需求，这通常用于提升用户体验和数据的一致性。本篇将详细解释在使用Javascript、C# 4.0、C# jQuery MVC3 ...

			
		

	





	

		

			

				
					
按钮设置为禁用状态

				
			

			

				

					uaena的博客
				

				

					04-14
					
					7764
					
				

			

		

		

			
				
在发起异步请求之前，将按钮设置为禁用状态，等待后端响应之后再将按钮设置为启用状态。

			
		

	





	

		

			

				
					
按钮（button）在disabled状态下，无法阻止事件冒泡

				
			

			

				

					yurisa1994的博客
				

				

					06-30
					
					692
					
				

			

		

		

			
				
不知道大家遇到过这个问题没，本来button是有点击事件的，做了事件冒泡，但是按钮设为禁用（disabled）的状态时，事件冒泡不起作用了，会触发外层的点击事件，搜索无果。自己创造了解决办法，在按钮外层套一个div，并加一个没有任何操作的事件，完美阻止冒泡。

			
		

	





	

		

			

				
					
XCTF WEB disabled_button

				
			

			

				

					无限迭代中......
				

				

					06-30
					
					464
					
				

			

		

		

			
				
https://adworld.xctf.org.cn/task/answer?type=web&number=3&grade=0&id=5066

题解：

修改HTML代码



然后按钮可以点击




			
		

	





	

		

			

				
					
页面下button 的“disable”

				
			

			

				

					fanle76的博客
				

				

					08-24
					
					865
					
				

			

		

		

			
				
js:
function disableElement(element,val){
document.getElementById(element).disabled=val;
}
jQuery进行操作
//两种方法设置disabled属性
$('#areaSelect').attr("disabled",true);
$('#areaSelect').attr("disabled"

			
		

	





	

		

			

				
					
button标签的disable属性

				
			

			

				

					weixin_73060959的博客
				

				

					09-27
					
					2222
					
				

			

		

		

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

			
		

	





	

		

			

				
					
input button 中的disabled属性

				
			

			

				

					qq_41047017的博客
				

				

					09-24
					
					1235
					
				

			

		

		

			
				
input button 中的disabled属性

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

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

			
		

	





	

		

			

				
					
重新认识button disabled属性

				
			

			

				

					aimeizi1314的博客
				

				

					08-14
					
					1514
					
				

			

		

		

			
				
通过setAttribute()设置禁用为false，依然是禁用状态。
因此，disabled =“true”，disabled =“disabled”和disabled =“false”都是一样的结果；
而应该用下面两种方式：

1.element.removeAttribute("disabled")；
2.element.disabled = false;


　　...

			
		

	





	

		

			

				
					
当使用easyui时，jquery的设置disabled属性方法失效

					
热门推荐

				
			

			

				

					松门一枝花
				

				

					07-14
					
					1万+
					
				

			

		

		

			
				
功能：选择未受洗，设置受洗时间，教堂选项 disabled
步骤：
使用了常规的jquery的方法


     //两种方法设置disabled属性

　　$('#areaSelect').attr("disabled",true);

　　$('#areaSelect').attr("disabled","disabled");

　　//三种方法移除disabled属性

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值