layui的开关还原OFF状态，重置layui开关

最新推荐文章于 2024-04-28 14:08:30 发布
最新推荐文章于 2024-04-28 14:08:30 发布
阅读量7.6k 收藏 2
点赞数
分类专栏： 问题解决 文章标签： layui js java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42276876/article/details/81354769
版权 
 <input type="checkbox" name="switch" lay-skin="switch" lay-filter="yyy" lay-text="ON|OFF" >

这个是layui开关的input，当第二次点进去怎么才能还原为off

var o = $(".layui-form-switch");
o.find("em").text("OFF")
o.prop("class","layui-unselect layui-form-switch")

加上这个js代码就可以还原off状态了

qq_389325968
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
jquery.onoff实现简单的开关按钮功能(推荐)
10-18
主要介绍了jquery.onoff实现简单的开关按钮功能，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
layui中的switch开关实现方法
10-16
layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅 是ON|OFF', data.othis); }else{ layer.msg('开关： 关掉了', { offset: '6px' }); } // 在此处可以添加Ajax操作，比如提交表单或更新数据 ...
LayUI switch表单提交与返回，根据返回修改switch的状态
dongxuetucheng的博客
01-03 1818
本人小白，目的是记录笔记，二来给初学者提供参考。大神有好方法不吝赐教，诚心学习。 最近做一个广告开关的控制，如下图,修改成功，则开关状态切换，否则提示错误，开关状态不予切换。 上代码：adSwitch是table中的一个返回参数字段 <body> ........... <script type="text/html" id="adSwitch"> ...
layui 表格添加 checkbox 开关
最新发布
小二丶的博客
04-28 752
使用 数据表格 获取到数据以后 用 表格中加载表单元素。。。
layui ajax请求确认,LayUI switch 开关ajax请求后更改状态
weixin_29144939的博客
08-05 671
LayUI switch 开关ajax请求后更改状态@if($item['shop_status']==1)checked@endiflay-skin="switch"lay-filter="switch_shop_status"lay-text="开启|关闭">layui.use(['form','layer'],function(){varform=layui...
LayUi使用switch开关，动态的去控制它是否被启用
weixin_38109191的博客
06-07 7747
layui中的switch开关，能够去显示当前的状态，是否是启用还是禁用。当时如果当前记录的某个值没有进行填写，这行记录就不能被启用。并且页面上也要让他不能进行操作。 直接上代码： // 页面状态栏事件监听 form.on('switch', function (data) { var swithcData = data; var id =...
Layui开关使用
Forever_Devil的博客
09-15 1万+
在列表页面使用layui开关使用 功能介绍： 使用layui开关控制一条数据的状态。0：表示启用 1：表示禁用。 后台框架： SpringMVC+Mybatis 后台页面： Jsp页面 功能展示： 代码实现： 前台： <tbody> <c:forEach items="${resultMap.result.records }" var="r">...
layui开关还原OFF状态，重置layui开关
qq_37916164的博客
07-20 785
layui开关的input，当第二次点进去怎么才能还原为off状态？ <input type="checkbox" name="switch" lay-skin="switch" lay-filter="yyy" lay-text="ON|OFF" > // 可以还原off状态 var formSwitch = $(".layui-form-switch"); formSwitch .find("em").text("OFF") formSwitch .prop("class","layui-
模拟ON-OFF开关.rar
04-09
在电子工程领域，模拟ON-OFF开关是一种常见且至关重要的组件，它被广泛应用于各种电路设计中，包括电源管理、信号控制以及自动化系统等。这个压缩包“模拟ON-OFF开关.rar”可能包含了一些关于模拟开关的设计原理、...
模拟ON-OFF开关-综合文档
05-23
当输入信号达到预设阈值时，开关状态发生改变，允许或阻止信号通过。例如，使用一个比较器电路，当输入信号高于设定阈值时，开关接通，反之则断开。 应用领域： 1. 信号路由：在音频系统中，模拟ON-OFF开关可用于...
C51单片机开关检测.rar
08-26
在“C51单片机实验开关检测”这个主题中，我们主要关注的是如何使用C51编程来实现对物理开关状态的检测。8051单片机通常有多个输入/输出（I/O）引脚，这些引脚可以配置为输入模式，以便接收来自外部环境的信号，比如...
开关状态按钮示例
10-29
开关状态按钮，通常表现为一个小滑块或图标的两种状态，如开（ON）和关（OFF），用户可以通过简单的点击或滑动进行状态切换。在描述中提到的日期“2013.10.27”可能暗示这是一个早期的示例，但开关状态按钮的概念和...
Layui Menu菜单默认收缩
qq_42782011的博客
02-14 2141
原来展开的代码： <div class="layui-panel"> <ul class="layui-menu" id="docDemoMenu1"> <li class="layui-menu-item-group layui-menu-item-down" lay-options="{type: 'group'}">
Switchery开关按钮，点击AJAX请求失败，如何修改状态还原[官方方案]
大路的博客
08-09 1418
在开发太极平台管理系统功能时，要修改某个Switchery开关类型的属性值。点击一下，就会AJAX实时请求到服务端，服务端处理完毕，返回结果。不管成功或失败，都显示提示。如下图所示。 一直以来，也没什么问题，因为一般都会修改成功。现在业务有变，修改Switchery状态时，服务端会判断一些条件，如果条件不满足，则不能进行修改，即修改失败。那么此时，就应该将已经切换了状态的Switchery开...
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模块的初始化和加载的步骤及其属性的使用方法
热门推荐
weixin_44546452的博客
04-07 2万+
一、 我们在使用layui.table前必须初始化layui模块，用到的模块一般常用的有两种 layer（弹出层）和 table（数据表格），然后用function进行模快的初始化，当然在初始化模块之前我们必须声明几个全局变量， 声明两个变量（layer和layuiTable）来接收模块的数据,并且保存layui模块以便全局使用。 声明一个变量（tabStudent）来放置表格数据。 二、开始初...
layer最大化、最小化、还原回调方法
weixin_30527143的博客
03-28 1040
layer.open({ type: 1, title: ‘在线调试‘, content: ‘这里是内容‘, maxmin: true, //开启最大，最小，还原按钮，只有type为1和2时，才能设置 full: function() { //点击最大化后的回调函数...
layui没样式，点击重置后显示
qq_38257857的博客
10-11 799
<link rel="stylesheet" href="{{asset('plugin/layui/css/layui.css')}}" media="all"/> <script type="text/javascript" src="{{asset('plugin/layui/layui.js')}}"></script> <form clas...
layui 开关 提交表单
07-04
要在layui开关中提交表单，你可以使用layui的form模块和switch开关组件结合起来。首先，确保你已经引入了layui的相关文件。 然后，你可以使用下面的代码示例来实现： HTML代码： ```html <form class="layui-form" action="" lay-filter="formDemo"> <div class="layui-form-item"> <label class="layui-form-label">开关</label> <div class="layui-input-block"> <input type="checkbox" name="switch" lay-skin="switch" lay-text="ON|OFF" lay-filter="switchDemo"> </div> </div> <div class="layui-form-item"> <div class="layui-input-block"> <button class="layui-btn" lay-submit lay-filter="submitDemo">提交</button> <button type="reset" class="layui-btn layui-btn-primary">重置</button> </div> </div> </form> ``` JavaScript代码： ```javascript // layui表单模块初始化 layui.use('form', function(){ var form = layui.form; // 监听开关的状态变化事件 form.on('switch(switchDemo)', function(data){ // 如果开关状态为开启 if(data.elem.checked){ // 提交表单 form.on('submit(submitDemo)', function(){ // 表单提交的逻辑处理 // ... return false; // 阻止表单跳转 }); } else{ // 关闭开关时，取消表单提交事件 form.off('submit(submitDemo)'); } }); }); ``` 这样，当你打开开关时，点击提交按钮会触发表单提交事件，你可以在其中处理表单数据的提交逻辑。当关闭开关时，提交按钮将不会触发表单提交事件。 注意：上述代码中的lay-filter属性可以自定义，但需要保持一致性。另外，你可能还需要自行处理表单数据的收集和提交方式。

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值