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

最新推荐文章于 2021-08-05 11:57:03 发布
原创 最新推荐文章于 2021-08-05 11:57:03 发布 · 7.8k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#layui #js #java 

 <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状态了

layui switch使用详解
向宇
08-30 3708
前景： 本文主要解决下面几大问题 switch按钮无法点击问题 设置默认选中传参 关闭switch无传参问题 绑定点击事件 解析 switch按钮无法点击问题 代码<lable class="layui-form-item margin-top-20 block relative"> <span class="color-green margin-right-10 font-w7">个人提成</span> <br> &lt.
layui switch开关在关闭状态下值不能提交到后台
qq_37195317的博客
01-25 944
layui switch开关在关闭状态下值不能提交到后台layui的开关，在开启状态下，表单会上传value值，默认为“on”；关闭状态，表单不会有值（是直接没有值，不是""或者null）。所以开关不适合用来传值，我使用了一个隐藏的input来代替传值，使用开关来控制这个隐藏的input的值。htmljs layui的开关，在开启状态下，表单会上传value值，默认为“on”；关闭状态，表单不会有值（是直接没有值，不是""或者null）。所以开关不适合用来传值，我使用了一个隐藏的input来代替传值，使用开
layui开关还原OFF状态，重置layui开关
qq_37916164的博客
07-20 873
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-
LayUI switch表单提交与返回，根据返回修改switch的状态
dongxuetucheng的博客
01-03 1932
本人小白，目的是记录笔记，二来给初学者提供参考。大神有好方法不吝赐教，诚心学习。 最近做一个广告开关的控制，如下图,修改成功，则开关状态切换，否则提示错误，开关状态不予切换。 上代码：adSwitch是table中的一个返回参数字段 <body> ........... <script type="text/html" id="adSwitch"> ...
layui ajax请求确认,LayUI switch 开关ajax请求后更改状态
weixin_29144939的博客
08-05 769
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的使用
iChangebaobao的博客
07-26 3534
<script type="text/html" id="switchTpl"> <!--这里的 checked 的状态只是演示--> <input type="checkbox" name="open" value="{{d.isstop}}" lay-skin="switch" lay-text="启用|关闭" lay-filter="sexDemo" {{...
LayUi使用switch开关,动态的去控制它是否被启用的方法
12-13
总结一下，LayUI的switch开关组件可以通过监听事件、发送AJAX请求以及处理响应数据来实现动态控制开关状态的功能。这种方法使得我们可以根据后端的反馈实时更新前端的展示，提供良好的用户体验。同时，通过细致的DOM...
layui中的switch开关实现方法
10-16
layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅 是ON|OFF', data.othis); }else{ layer.msg('开关： 关掉了', { offset: '6px' }); } // 在此处可以添加Ajax操作，比如提交表单或更新数据 ...
layui监听开关，自定义传参
weixin_41128842的博客
12-06 2722
layui监听指定开关,自定义传参layui表单使用核心代码（监听开关，提交表单）给表单赋值和取值 layui表单使用 监听开关，提交表单，指定传参 核心代码（监听开关，提交表单） // layui开关div <form class="layui-form" action="" lay-filter="example"> <div class="form-group"> ...
layui 开关 提交表单
07-04
要在layui开关中提交表单，你可以使用layui的form模块和switch开关组件结合起来。首先，确保你已经引入了layui的相关文件。 然后，你可以使用下面的代码示例来实现： HTML代码： ```html <form class="layui-form...
layui - 表单监听switch开关OFF状态下提交数据的代码
qq_26784853的博客
08-10 9834
form.on('switch', function(data) { $(data.elem).attr('type', 'hidden').val(this.checked ? 1 : 0); }); 转载自：http://fly.layui.com/jie/13601/
Day02 Layui 动态修改switch开关值，改变开关默认存值，改变开关默认文本
热门推荐
ZZZ___bj的博客
05-15 3万+
动态修改switch开关值 1.定义一个switch开关，默认为开(checked=”checked”) &amp;amp;amp;lt;div class=&amp;amp;quot;layui-form-item&amp;amp;quot;&amp;amp;amp;gt; &amp;amp;amp;lt;label class=&amp;amp;quot;layui-form-label&am
layer最大化、最小化、还原回调方法
weixin_30527143的博客
03-28 1139
layer.open({ type: 1, title: ‘在线调试‘, content: ‘这里是内容‘, maxmin: true, //开启最大，最小，还原按钮，只有type为1和2时，才能设置 full: function() { //点击最大化后的回调函数...
LayUi使用switch开关，动态的去控制它是否被启用
weixin_38109191的博客
06-07 7868
layui中的switch开关，能够去显示当前的状态，是否是启用还是禁用。当时如果当前记录的某个值没有进行填写，这行记录就不能被启用。并且页面上也要让他不能进行操作。 直接上代码： // 页面状态栏事件监听 form.on('switch', function (data) { var swithcData = data; var id =...
layui 表单提交 返回失败不关闭当前index 以及 reset 的看法
大清没了的博客
06-17 845
当我们提交代码时候，返回失败不需要关闭当前页面，想让他修改后重新提交，成功则关闭页面返回上层刷新列表。 //提交监听事件 form.on('submit(save)', function(data) { params = data.field; params.id = $("#id").val(); var load = layer.load(2, {shade: [0.3, '#000']}); $.post('${appPath}/back/orderReceiverI.
Layui开关使用
Forever_Devil的博客
09-15 1万+
在列表页面使用layui开关使用 功能介绍： 使用layui开关控制一条数据的状态。0：表示启用 1：表示禁用。 后台框架： SpringMVC+Mybatis 后台页面： Jsp页面 功能展示： 代码实现： 前台： <tbody> <c:forEach items="${resultMap.result.records }" var="r">...
Switchery开关按钮，点击AJAX请求失败，如何修改状态还原[官方方案]
大路的博客
08-09 1527
在开发太极平台管理系统功能时，要修改某个Switchery开关类型的属性值。点击一下，就会AJAX实时请求到服务端，服务端处理完毕，返回结果。不管成功或失败，都显示提示。如下图所示。 一直以来，也没什么问题，因为一般都会修改成功。现在业务有变，修改Switchery状态时，服务端会判断一些条件，如果条件不满足，则不能进行修改，即修改失败。那么此时，就应该将已经切换了状态的Switchery开...
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值