Layui按钮动态设置禁用与取消禁用

最新推荐文章于 2023-04-17 17:46:51 发布
最新推荐文章于 2023-04-17 17:46:51 发布
阅读量2.9k 收藏 6
点赞数 2
分类专栏： layui 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45384584/article/details/118020703
版权

按钮：

<button class="layui-btn layui-btn-sm" lay-filter="formDemo" type="submit" id="formDemo" lay-submit="">保存</button>

禁用按钮：

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

取消禁用按钮：

$('#formDemo').attr("disabled",false).removeClass("layui-btn-disabled");
Monkey•D•Lucy
关注
专栏目录
Layui禁用按钮类没实现禁用效果？
今夜几点睡
12-19 1155
layui-btn-didisabled没实现禁用效果 首先创建两个Btn按钮，都没有添加layui-btn-didisabled的类，但其中一个添加了disabled（不可点击）属性，后面效果会揭晓为什么！ 获取Btn标签，循环Btn并给Btn按钮添加Layui中的禁用按钮的类，给Btn按钮点击事件并判断是否是当前点击的按钮，如果是当前按钮时移除禁用按钮的类，并输出当前按钮的索引值；↓ 效果展示 此时，两个按钮都添加了禁用的类↓ 当我点击删除按钮时，将原先添加禁用类移除了并输出删除按钮的索引值在控制
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按钮button的js设置disabled
zou1280的博客
03-23 5916
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禁用按钮，Layui禁用且隐藏按钮
weixin_43992507的博客
10-07 2381
禁用按钮 注：不加’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动态创建的弹窗表单input输入框
weixin_40425415的博客
11-12 903
禁用layui动态创建的弹窗表单input输入框 window.layui.layer.open({ type: 1, title: 'Edit users', maxmin: true, //开启最大化最小化按钮 area: ['600px', '400px'], content: `<form class="layui-form" lay-filter="formEdit" action=""
layui实现增删改查按钮禁用
qq_42467167的博客
03-17 1107
//监听表格复选框选择 table.on('checkbox(maintable)', function (obj) { // console.log(obj) var checkStatus = table.checkStatus('maintable') , checkData = checkStatus.data; //得到...
layui动态禁用checkbox.rar
01-03
本教程将深入探讨如何在layui的表格中动态禁用部分checkbox，并在全选操作时排除这些禁用的checkbox。 首先，我们需要了解layui table的基本用法。layui table可以通过JSON数据或Ajax异步加载数据，同时提供列定义...
页面按钮禁用与解除禁用的方法
09-04
页面按钮禁用与解除禁用的方法是前端开发中常见的需求之一。在网页设计中，有时需要对按钮进行状态控制，使其在满足某些条件之前不可点击（禁用状态），在条件满足后允许点击（启用状态）。本文介绍了页面按钮禁用与...
layui 表格操作列按钮动态显示的实现方法
10-16
在layui表格中，我们可以自定义操作列，展示不同的按钮，并根据数据动态地决定哪些按钮应该显示。本篇文章将详细介绍如何在layui表格中实现操作列按钮的动态显示。 1. **layui表格操作列的定义** layui表格允许...
layui中select，radio设置不生效的解决方法
10-16
标签中提到的关键词“layui select radio 设置”，直接指出了文章的主题是关于layui框架中select下拉框和radio单选按钮的设置问题。 在提供的部分内容中，我们可以提炼出以下几个关键点： 1. **禁用状态的解除**：...
解决layui页面按钮点击无反应,也不报错的问题
10-16
今天小编就为大家分享一篇解决layui页面按钮点击无反应,也不报错的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui禁用侧边导航栏点击事件的处理方法
12-29
layui是一款优秀的前端模块化css框架。我用layui做过两个完整的项目，对她的感觉就是，这货非常适合做后台管理界面，且基于jquery，很容易上手。当然，她最大的优点我觉得还是她的模块化方式，相比requirejs，seajs之类繁琐的配置，她更简单粗暴。如果你正在寻找这样一个前端框架，那么我向你推荐她。 废话说了一堆，下面说重点。 先上张图 上面这张图对应的html代码是这样的 <ul class=layui-nav lay-filter=nav> <li class=layui-nav-item layui-nav-iteme
layui的树怎么动态的设置禁用的disabled属性
肖肖肖丽珠的博客
03-11 3592
需求是这样的：只能查看树结构但是不能点击。当进入编辑状态下才能编辑。这个时候就需要动态的给他修改是否可编辑的属性了。 我是直接在浏览器中看tree的html的结构。然后把所有的checkbox的disabled属性都修改的。 我发现他所有的复选框的那么是一样的。这样就好办啦。直接$("input[name='layuiTreeCheck']").prop("disabled",false) $("input[name='layuiTreeCheck']").prop("disabled",true..
【设置按钮禁用与解除禁用】layui按钮设置为disabled类型，但是仍然能够提交问题的解决方法
snowing1997的博客
12-30 4662
问题原因：因为layui添加类设置的disabled只是样式。真正并没有实现按钮禁用。 解决上述问题的方法：同时设置样式和按钮属性 【下边代码中只有#fileNotifyReplySubmit可变，为按钮的id】 //添加禁用按钮样式 $("#fileNotifyReplySubmit").removeClass("layui-btn-disabled"); //真正禁用按钮的语句 $("#fileNotifyReplySubmit").attr("disabled", false); ...
layui 按钮启用禁用切换详解
风清扬道场
03-26 2756
前两天写到了这个瓜皮demo。看了下layui的官方文档，又去百度了下，发现现在搜到的答案不是很适合小白 {{# if(d.isActive == 1){ }} // 这个是layui的模板渲染 <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="forbidden">禁用</a> {{# } }} {{# if(d.isActive == 0){ }} // isActive就是后端返回的值的字段 这个由开发的
禁用表单元素：Layui框架下的实践与技巧
juedaifenghua2的博客
04-17 2181
禁用表单元素：Layui框架下的实践与技巧
layui设置按钮不可点击_layui upload 模块点击选择文件按钮的禁用与启用功能
weixin_35621342的博客
01-27 4493
要求使用场景：在不刷新页面的情况下根据动态逻辑条件判断点击选择文件按钮时是否起作用，如果符合条件，点击按钮时系统就弹出选择文件框，如果不符合点击时就没反应。经过分析与实现总结如下：而实际上 upload 模块没有这种功能，只能在打开或刷新页面时进行判断 render() 不 render()，这么着并不是很灵活。禁用：也就是 ’按钮节点对象‘.off();(基于 jq)，这样的话，由 upload...
如何将dialog中的button动态设置为disable
再见理想
04-02 1406
转自：http://blog.sina.com.cn/s/blog_67d95f400100s72i.html 我们再写dialog的时候，会时常有这样一种需求，希望通过某些条件将dialog的button设置为disable的。 基本的命令就是将“确定”这个button设置为disable(false). 如下的方法，就是构造一个自定义的dialog，其中包括一个编辑栏（EditTex
layui中给select框移除diabled属性无效,仍然不可点击的问题
hangchen1025的博客
04-26 2103
1.起因 给select框加diabled属性 $('select[name=comeGoUnitPid]').attr("disabled","disabled"); 或者 $('select[name=comeGoUnitPid]').attr("disabled",true); console.log($('select[name=comeGoUnitPid]').attr("d...
修改layui阻止按钮点击事件
最新发布
05-23
要修改layui的按钮点击事件，可以通过以下步骤实现： 1. 给按钮添加一个id，例如：`<button id="myBtn" class="layui-btn">点击按钮</button>` 2. 在js文件中获取这个按钮的元素，例如：`var myBtn = document.getElementById("myBtn");` 3. 使用`layui.use('layer', function(){})`方法来监听按钮的点击事件，并阻止它的默认行为，例如： ``` layui.use('layer', function(){ var layer = layui.layer; // 监听按钮的点击事件 myBtn.onclick = function(event){ // 阻止按钮的默认行为 event.preventDefault(); // 弹出提示框 layer.msg('按钮已被禁用'); } }); ``` 4. 在监听事件的函数中，可以根据需要添加其他的操作，例如禁用按钮等。例如： ``` layui.use('layer', function(){ var layer = layui.layer; // 监听按钮的点击事件 myBtn.onclick = function(event){ // 阻止按钮的默认行为 event.preventDefault(); // 禁用按钮 myBtn.disabled = true; // 弹出提示框 layer.msg('按钮已被禁用'); } }); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值