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

最新推荐文章于 2023-08-03 11:34:21 发布
最新推荐文章于 2023-08-03 11:34:21 发布
阅读量3k 收藏 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
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
Layui禁用按钮类没实现禁用效果？

				
			

			

				

					今夜几点睡
				

				

					12-19
					
					1197
					
				

			

		

		

			
				
layui-btn-didisabled没实现禁用效果
首先创建两个Btn按钮，都没有添加layui-btn-didisabled的类，但其中一个添加了disabled（不可点击）属性，后面效果会揭晓为什么！

获取Btn标签，循环Btn并给Btn按钮添加Layui中的禁用按钮的类，给Btn按钮点击事件并判断是否是当前点击的按钮，如果是当前按钮时移除禁用按钮的类，并输出当前按钮的索引值；↓

效果展示
此时，两个按钮都添加了禁用的类↓

当我点击删除按钮时，将原先添加禁用类移除了并输出删除按钮的索引值在控制

			
		

	



                

            
              



	

		

			

				
					
form表单中根据值判断是否disabled_layUI表单--乐字节前端

				
			

			

				

					weixin_39559523的博客
				

				

					11-22
					
					566
					
				

			

		

		

			
				
表单依赖加载模块：form 在一个容器中设定 class="layui-form" 来标识一个表单元素块  基本的行区块结构，它提供了响应式的支持。可以换成其他结构，但必须要在外层容器中定义class="layui-form"，form模块才能正常工作。 标签区域   原始表单元素区域 输入框 required：注册浏览器所规定的必填字段lay-verify：注册form模块需要验证的类型...

			
		

	



              


  
              

                


	

		

			

				
					
el-table表格多选时，全选被禁用了还是能选中

				
			

			

				

					qq_24133535的博客
				

				

					04-22
					
					2420
					
				

			

		

		

			
				
现象：
el-table表格多选时，全选被禁用了还是能选中

解决：
在el-table中添加方法 @select-all，当没有选中的数据时，清空选择。




事件名
说明
参数




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






方法名
说明




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


<el-table ref="refTable" 
        :data="tableData"
        @

			
		

	





	

		

			

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

				
			

			

				

					m0_63026408的博客
				

				

					04-27
					
					3099
					
				

			

		

		

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

			
		

	



		

			
		



	

		

			

				
					
使用checkBox组件时，动态设置disabled，仍能触发click事件的原因及解决办法

					
最新发布

				
			

			

				

					小蓝人的博客
				

				

					08-03
					
					2549
					
				

			

		

		

			
				
在使用vant的Checkbox组件时，为了实现复选框组选择一个，禁用掉另一个，同时添加点击事件的功能时。遇到明明disabled=true，但仍能触发点击事件的情况。为此，分析下触发点击事件的原因及解决方法。

			
		

	





	

		

			

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

				
			

			

				

					snowing1997的博客
				

				

					12-30
					
					4727
					
				

			

		

		

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

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

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


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

			
		

	





	

		

			

				
					
layui 按钮点击事件触发禁用无效

				
			

			

				

					https://ligo100.cn 小何博客欢迎访问。
				

				

					09-28
					
					2214
					
				

			

		

		

			
				
文章目录[隐藏] 前言修改前代码-禁用后依然触发点击事件  前言
最近再搞layui表单时，发现提交后我把提交按钮禁用了，依然触发提交事件，找了半天发现是我再写表单时把表单按钮写成 div 了，改为 button 就正常了。
修改前代码-禁用后依然触发点击事件
<div class="layui-btn layui-btn-disabled">提交</div>
修改后代...

			
		

	





	

		

			

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

				
			

			

				

					10-16
				

			

		

		

			
				
标签中提到的关键词“layui select radio 设置”，直接指出了文章的主题是关于layui框架中select下拉框和radio单选按钮的设置问题。  在提供的部分内容中，我们可以提炼出以下几个关键点：  1. **禁用状态的解除**：...

			
		

	





	

		

			

				
					
BootStrap和LayUI

				
			

			

				

					qq_43658407的博客
				

				

					04-16
					
					4748
					
				

			

		

		

			
				
1. BootStrap


BootStrap的使用
Bootstrap是一套现成的CSS样式集合，Bootstrap 是最受欢迎的HTML、CSS和JS框架，用于开发响应式布局、移动设备优先的WEB项目。
 1.特点：
 	1.简洁、直观、强悍的前端开发框架，html、css、javascript 工具集，让web开发更速、简单。
 	2.基于html5、css3的bootstrap，具有大量的诱人特性：友好的学习曲线，卓越的兼容性，响应式设计，12列格网，样式向导文档。
 	3.自定义JQuery插件

			
		

	





	

		

			

				
					
js和jquery设置disabled属性为true使按钮失效

				
			

			

				

					10-25
				

			

		

		

			
				
`.attr("disabled", true)`则是设置该元素的`disabled`属性为`true`，达到禁用按钮的效果。  HTML部分通常如下所示，定义了一个id为"btn"的按钮：  ```html 提交" id="btn"> ```  在这个例子中，`...

			
		

	





	

		

			

				
					
解决layui页面按钮点击无反应,也不报错的问题

				
			

			

				

					10-16
				

			

		

		

			
				
今天小编就为大家分享一篇解决layui页面按钮点击无反应,也不报错的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

			
		

	





	

		

			

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

				
			

			

				

					岳公子
				

				

					05-25
					
					1176
					
				

			

		

		

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




事件名
说明
参数




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






方法名
说明
参数




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


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

			
		

	





	

		

			

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

				
			

			

				

					Thinking
				

				

					12-29
					
					989
					
				

			

		

		

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

			
		

	





	

		

			

				
					
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.

			
		

	





	

		

			

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

				
			

			

				

					on_the_stree的博客
				

				

					04-06
					
					1087
					
				

			

		

		

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




			
		

	





	

		

			

				
					
Layui禁用按钮，Layui禁用且隐藏按钮

				
			

			

				

					weixin_43992507的博客
				

				

					10-07
					
					2403
					
				

			

		

		

			
				
禁用按钮
注：不加’pointer-events’,'none’还是会触发提交
	$('.lay-submit-btn').css('pointer-events','none');
	$('.lay-submit-btn').addClass("layui-btn-disabled").attr("disabled", true);

禁用按钮且隐藏
	$('.lay-submit-btn').css({'display':'none', 'pointer-events':'none'});
	$('.l

			
		

	





	

		

			

				
					
layui按钮button的js设置disabled

				
			

			

				

					zou1280的博客
				

				

					03-23
					
					6019
					
				

			

		

		

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

1、添加按钮灰色样式。

2、设置disabled属性。

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


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

效果如下：



恢复正常状态：


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

			
		

	





	

		

			

				
					
js 禁用和解除禁用按钮_Layui-按钮

				
			

			

				

					weixin_39954698的博客
				

				

					12-06
					
					1727
					
				

			

		

		

			
				
按钮<!--引入layui的CSS样式-->
    <link rel="stylesheet" href="../layui/css/layui.css">
<!--引入layui的js文件-->
    <script src="../layui/layui.js"></script>
<div>
    <but...

			
		

	





	

		

			

				
					
一个有趣的BUG/按钮disabled之后还能触发click事件

				
			

			

				

					一个PHPer的成长历程
				

				

					12-20
					
					1万+
					
				

			

		

		

			
				


一个很有意思的Bug

某天测试同学再次向我反馈，你这个删除按钮虽然置灰了，但是还是可以点击啊？
我：？？？？（黑人问号）
卧槽？不可能啊，按钮都disabled了，怎么还可以点击？还能触发click事件？开玩笑的吧？，匆忙应付了测试同学开始复现这个Bug.

复现

重新写了个页面demo，开始测试，卧槽？复现不了啊，这尼玛。。。。？


叮！事情の真相

没办法复现很烦啊，什么鬼？遂去原页...

			
		

	





	

		

			

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

				
			

			

				

					06-08
				

			

		

		

			
				
在 JavaScript 中，可以使用 `disabled` 属性来禁用元素。例如，如果要禁用按钮，可以使用以下代码：

```javascript
document.getElementById("myButton").disabled = true;
```

这将禁用具有 `id` 为 `myButton` 的按钮。同样，如果要启用该按钮，可以将 `disabled` 属性设置为 `false`：

```javascript
document.getElementById("myButton").disabled = false;
```

这将启用该按钮，让它可以被点击。注意，禁用元素时，它将变为灰色，并且不能再被点击。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值