使用了Layui的disable禁用按钮，但却还能点击

最新推荐文章于 2023-04-27 15:34:02 发布
最新推荐文章于 2023-04-27 15:34:02 发布
阅读量2.7k 收藏 8
点赞数 2
分类专栏： html 文章标签： jquery layui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Rayvers/article/details/118189955
版权

原因是我的按钮不是

<button>

标签的。

我写的按钮是

<a>

标签的。

没什么技巧，但是没想到或不知道这个知识点就很浪费时间

为了下次不再百度半天，在这里记录一下

代码贴一下：

用到了jQuery

 

<button class="layui-btn layui-btn-normal layui-btn-xs" lay-event="aa" id='aa'>啊啊</button>
 

$("#aa").addClass("layui-btn-disabled").prop("disabled", true);//禁用aa按钮
 

$("#aa").removeClass("layui-btn-disabled").prop("disabled", false);//起用aa按钮
 


                

        

        

    




    

      

        

            

              
                
                  Rayvers
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    2
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    8
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  1
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
asp.net下按钮点击后禁用的实现代码

				
			

			

				

					01-01
				

			

		

		

			
				
一、让按钮在点击后用脚本使其禁用：  代码如下: <%@ Page Language=”C#” AutoEventWireup=”true” CodeBehind=”WebForm1.aspx.cs” Inherits=”DisableButton.WebForm1″ %> <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtm

			
		

	



                

              
                



	

		

			

				
					
layui踩坑总结

				
			

			

				

					Chloe_Yang的博客
				

				

					04-11
					
					1259
					
				

			

		

		

			
				
layui踩坑总结:
1.layui按钮设置 “ layui-btn-disabled”禁用button按钮后依然可点击
html代码：
<button class="layui-btn layui-btn-sm layui-btn-normal esup-phase-title"  id="btn">禁用按钮</button>

js代码：
$('#btn').addCl...

			
		

	



                


  
              

                


	

		

			

				
					
disable-devtool:通过f12按钮，右键单击和浏览器菜单禁用Web开发人员工具

				
			

			

				

					04-27
				

			

		

		

			
				
:rocket: 仅一行禁用Web开发人员工具
| 在线试用/文件| 版本日志| 吉蒂
 1.快速使用
 1.1 npm参考
npm i disable-devtool
import disableDevtool from 'disable-devtool' ;
disableDevtool ( ) ;
 1.2脚本属性配置
< script disable-devtool-auto src =' https://cdn.jsdelivr.net/npm/disable-devtool/disable-devtool.min.js ' > </ script >
 或将CDN与版本一起使用：
 <!--Use a specific version-->
< script disable-devtool-auto src =' https://cdn.jsdelivr.net/npm/disable-de

			
		

	





	

		

			

				
					
layui select 禁止点击的实现方法

				
			

			

				

					10-16
				

			

		

		

			
				
今天小编就为大家分享一篇layui select 禁止点击的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

			
		

	



		

			
		



	

		

			

				
					
样式禁用按钮「Styles Disable Button」-crx插件

				
			

			

				

					03-15
				

			

		

		

			
				
此功能将使用户能够从所打开的网页中取消所有样式。
此功能将使用户可以停用他们正在打开的网页上的所有样式。
较浅的页面可加快下载和连接速度。
停止使用多用途通行证的功能。
Paginas mas legeras para una descarga和una conectivitad mas Rapida。
Cette的功能性通用工具的使用将导致部分网页的样式化，而不会产生任何影响。
页面加legeres倒不停电和unconnectivite加急流。
支持语言:English

			
		

	





	

		

			

				
					
layui按钮button的js设置disabled

				
			

			

				

					zou1280的博客
				

				

					03-23
					
					5538
					
				

			

		

		

			
				
layui通过js设置button的不可用（disabled），有2步操作：

1、添加按钮灰色样式。

2、设置disabled属性。

只设置disabled，样式没变化按钮不变灰；只添加样式，仍可触发点击事件。


$('#butid').addClass("layui-btn-disabled").attr("disabled",true);

效果如下：



恢复正常状态：


$('#butid').removeClass("layui-btn-disabled").attr("disable

			
		

	





	

		

			

				
					
【设置按钮禁用与解除禁用】layui按钮设置为disabled类型，但是仍然能够提交问题的解决方法

				
			

			

				

					snowing1997的博客
				

				

					12-30
					
					4278
					
				

			

		

		

			
				
问题原因：因为layui添加类设置的disabled只是样式。真正并没有实现按钮禁用。

解决上述问题的方法：同时设置样式和按钮属性

【下边代码中只有#fileNotifyReplySubmit可变，为按钮的id】


//添加禁用按钮样式
$("#fileNotifyReplySubmit").removeClass("layui-btn-disabled");
//真正禁用按钮的语句
$("#fileNotifyReplySubmit").attr("disabled", false);
...

			
		

	





	

		

			

				
					
一文掌握如何用 Layui 和 JavaScript 避免表单重复提交

				
			

			

				

					juedaifenghua2的博客
				

				

					04-17
					
					1288
					
				

			

		

		

			
				
一文掌握如何用 Layui 和 JavaScript 避免表单重复提交

			
		

	





	

		

			

				
					
layui table表格的复选框checkbox设置部分为不可选

				
			

			

				

					Start2019
				

				

					07-01
					
					6787
					
				

			

		

		

			
				
表格复选框，某些数据不需要批量操作，不需要批量操作的数据的复选框禁用掉或者不显示

			
		

	





	

		

			

				
					
禁用RadioGroup的所有RadioButton点击选中

				
			

			

				

					柚子君的小窝
				

				

					02-26
					
					4854
					
				

			

		

		

			
				
禁用RadioGroup的所有RadioButton点击选中
对于RadioGroup来说，一般控件可以使用的setEnable() ，setClickable()，setFocusable()都会失效，那么如果我们想禁用RadioGroup下的所有RadioButton都不可以点击，那么我们需要遍历RadioGroup内的所有RadioButton，单个进行禁用。
代码如下：
	/**
    ...

			
		

	





	

		

			

				
					
layui中select，radio设置不生效的解决方法

				
			

			

				

					10-16
				

			

		

		

			
				
今天小编就为大家分享一篇layui中select，radio设置不生效的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

			
		

	





	

		

			

				
					
layui 全选checkbox 禁止某一个选中

				
			

			

				

					hzm博客
				

				

					06-22
					
					790
					
				

			

		

		

			
				
layui 全选checkbox 禁止某一个选中

			
		

	





	

		

			

				
					
easyui datagrid checkbox初始化某几行disabled时，点击全选还是可以选择 解决办法

				
			

			

				

					Thinking
				

				

					12-29
					
					953
					
				

			

		

		

			
				
http://blog.csdn.net/qq38397892/article/details/45747407

			
		

	





	

		

			

				
					
layui 禁用下拉框同时禁止输入

				
			

			

				

					on_the_stree的博客
				

				

					04-06
					
					982
					
				

			

		

		

			
				
layui使用disabled禁用下拉框生效后但是还是可以输入
只要将元素中的lay-search="" 去掉就不能输入了




			
		

	





	

		

			

				
					
layui的按钮禁用与恢复

					
热门推荐

				
			

			

				

					CaiXinXing的CSDN博客
				

				

					06-29
					
					1万+
					
				

			

		

		

			
				
layui的按钮禁用与恢复



禁用按钮状态：


$('#sendSmsBtn').addClass("layui-btn-disabled").attr("disabled",true);



恢复按钮状态：


$('#sendSmsBtn').removeClass("layui-btn-disabled").attr("disabled",false);



注意：如果只是让按钮变成灰色按钮仍然可以点击

$('#sendSmsBtn').addClass("layui-btn-disab.

			
		

	





	

		

			

				
					
按钮置灰后点击事件仍可以触发

				
			

			

				

					m0_63026408的博客
				

				

					04-27
					
					2530
					
				

			

		

		

			
				
【代码】按钮置灰后点击事件仍可以触发。

			
		

	





	

		

			

				
					
Layer UI表格加载Checkbox自动选中

				
			

			

				

					qq_32911691的博客
				

				

					04-01
					
					379
					
				

			

		

		

			
				
后台接口
        [HttpPost]
        public IHttpActionResult GetTest(dynamic input)
        {
        	string sqlwhere="1=1";
            int recordCount = 0;
            int page = input.page ?? 1;
            int limit = input.limit ?? 10;
            List&l

			
		

	





	

		

			

				
					
elemetUI Table表格多选无数据时，复选框显示disabled点击却可勾选

				
			

			

				

					岳公子
				

				

					05-25
					
					1090
					
				

			

		

		

			
				
看了下文档，可以通过绑定select-all事件，调用clearSelection方法解决显示的问题。




事件名
说明
参数




select-all
当用户手动勾选全选 Checkbox 时触发的事件
selection






方法名
说明
参数




clearSelection
用于多选表格，清空用户的选择
—


  <el-table
      ref="a"
      :data="tableData"
      style="width: 100%"
    ..

			
		

	





	

		

			

				
					
【避坑指“难”】Element-ui中Tabs标签禁止切换disabled的使用

				
			

			

				

					椰卤工程师的个人博客
				

				

					08-28
					
					5895
					
				

			

		

		

			
				
<el-tabs
          @tab-click="handleTabs"
          class="el-tabs">
          <el-tab-pane
            label="标签一"
            name="one"
            :disabled="tabOne"
          ></el-tab-pane>
          <el-tab-pane
            lab

			
		

	





	

		

			

				
					
在js中怎么使用disable禁用元素

					
最新发布

				
			

			

				

					06-08
				

			

		

		

			
				
在 JavaScript 中，可以使用 `disabled` 属性来禁用元素。例如，如果要禁用按钮，可以使用以下代码：  ```javascript document.getElementById("myButton")....注意，禁用元素时，它将变为灰色，并且不能再被点击。

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值