layui switch开关在关闭状态下值不能提交到后台

最新推荐文章于 2023-10-16 10:16:33 发布

qq_37195317

最新推荐文章于 2023-10-16 10:16:33 发布

阅读量821

点赞数

文章标签： layui 前端

本文链接：https://blog.csdn.net/qq_37195317/article/details/113118780

版权

本文讨论了layui开关组件在关闭状态时，表单无法提交值的问题。作者指出，当开关关闭时，表单中不会有任何值，这不适合用于传递数据。为解决此问题，建议使用隐藏的input字段，通过开关控制该输入字段的值，从而实现数据的正确提交。

摘要由CSDN通过智能技术生成

layui switch开关在关闭状态下值不能提交到后台

layui的开关，在开启状态下，表单会上传value值，默认为“on”；关闭状态，表单不会有值（是直接没有值，不是""或者null）。所以开关不适合用来传值，我使用了一个隐藏的input来代替传值，使用开关来控制这个隐藏的input的值。
- html
- js

layui的开关，在开启状态下，表单会上传value值，默认为“on”；关闭状态，表单不会有值（是直接没有值，不是""或者null）。所以开关不适合用来传值，我使用了一个隐藏的input来代替传值，使用开关来控制这个隐藏的input的值。

html

<input type="hidden" name="kuo" value=

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_37195317

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

[Layui]表单传值到后端的两种方式

德仔

03-10

5068

表单传值到后端的两种方式表单传值方法一：后端参数接收HttpContext.Request.Form["xxx"];方法二表单同名对象传值(表单name与类名一致) 表单传值除通过url参数方式或者通过自定义对象方式传值外。还有通过后端参数接收和同名对象传值两种方法方法一：后端参数接收HttpContext.Request.Form[“xxx”]; //监听提交 form.on('submit(saveBtn)', function (data) {

关于layui switch开关在关闭状态下值不能提交到后台的bug一种解决方案

非凡忍者的博客

07-28

1926

最近在使用layui+laravel做一个后台，发现layui的switch开关组件存在一个比较严重的bug，layui开关使用的是原生checkbox实现的，效果如下：代码片段如下： <div class="layui-form-item"> <label class="layui-form-label">导航</label> <div class="layui-input-block"> <input type=

参与评论您还未登录，请先登录后发表或查看评论

解决 layui的switch开关在关闭状态上不传值到后台的问题

zongmaomx的博客

03-08

3320

在监听表单提交时修改swtich的值 form.on('submit(confession)', function(data){ data.field.switch = data.field.switch ? "on": "off"; layer.msg(JSON.stringify(data.field)); return false; }); ...

Layui 数据表格添加 switch 开关,并传递自定义值

ws - 兮的博客空间

06-21

6509

1、展示switch 开关效果 2、添加 switch 开关代码 { field: 'state', width: 90, title: '禁/启用', templet: function (res) { let menuId = res.id; if (res.state == 0) {

Layui的switch开关传值改变状态那点事......

记录和分享属于我的“IT”时光

05-01

7679

layui的开关按钮展示效果如下：默认传递到后台的值如下：（默认传值为on，无论是开启还是关闭状态）改变传递到后台的值：（方法一）在input中加一个属性。value=“1”，这样选中传递值1，否则传递值为2；有局限性，但方便。 <input type="checkbox" name="xd1" id="xd1" lay-skin="switch" lay-text="达标|不达标" checked value="1"> （方法二）改变前台展示的默认文本值：（默认是on/off）

根据后台传递的值控制Layui中的开关状态！亲测有效

Unitent_

11-21

2846

1，这里是html代码此时按钮是没有checked属性的，所以默认为关闭状态2，这里是Js代码这里的result.data.orgProblemStatus就是我从后台动态获取的值3，最后总结 1，这里是html代码此时按钮是没有checked属性的，所以默认为关闭状态 <div class="layui-form-item"> <blockquote...

LayUi使用switch开关,动态的去控制它是否被启用的方法

12-13

在本文中，我们将深入探讨如何在LayUI框架中使用switch开关组件，并了解如何动态地控制其启用或禁用状态。LayUI是一款基于 layui.js 的前端UI框架，提供了丰富的组件，包括switch开关，用于展示一种二元选择，如启用...

layui数据表格开关switch前后台

weixin_41161626的博客

03-08

622

前台模板 <script type="text/html" id="statusTpl"> <input type="checkbox" name = "examstatus" value = {{d.examstatus}} lay-skin="switch" lay-text="开启|关闭" mid={{d.eid}} lay-filter="examstatu...

layui渲染开关绑定MVC

a13828603242的博客

03-28

645

制作一个layui渲染出来的表格，里面有开关按钮，并且绑定后台获取到的数据 tabmessage2 = layuiTable.render({ elem: '#tabmessage2',//数据容器id cols: [[ { title: '序号', type: "numbers"}, { title: '仓库', field: 'WarehouseName'}, { title: '锁定', field: 'CheckState', templet: stecheck } ]], pag.

layui中的switch开关实现方法

10-16

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

监听和获取LayerUI中的switch值

最新发布

qq_22744093的博客

10-16

1145

在上面的代码中，通过监听switch(isCheck)事件来判断switch是否被选中。当switch的值发生改变时，会触发相应的事件，在该事件中获取到data.elem.checked的值，如果该值为true，则表示switch被选中，否则表示未选中。此外，如果正在使用layui框架，那么可能需要使用layui的表单模块来访问和控制你的switch。如果有多个switch元素，你可能需要用其他方式来唯一标识需要检查的switch，比如class或者data-属性。

LayUI switch 开关监听数据绑定数值选择后禁用掉默认值改为0，1

weixin_50900104的博客

06-17

1445

LayUI switch 开关监听数据绑定数值选择后禁用掉默认值改为0，1 最近要写一个 LayUI switch 开关监听，0是接单，1是已接单效果图在表格里面加的，因为要实时更新数据 , { width: 100, field: 'run_status', title: '接单状态', fixed: 'right', templet: '#switchTpl' } html代码 d.receive_tag == 1就禁用 <

关于layui的switch开关赋值取值问题

lizaiismy的博客

06-08

5830

赋值 var pageData = /*[[${pageData}]]*/; //先定义从后台传来的值 //根据值来判断是否开启或关闭 if (pageData.newUserDiscount == true) { $("#newUserDiscount").attr("checked", "checked"); } else { $("#newUserDiscount").removeAttr('checked'); } 取值 var newUserDiscount =

layui中checkbox使用lay-skin=“switch“ 过滤事件赋值与取值

漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）

09-10

2623

在layui中，使用的checkbox组件在进行过滤操作时，会触发事件。在这个事件的处理函数中，可以通过data参数获取到相关的数据。具体来说，dataelemvalue通过监听switch(filter)事件，可以在选择开关发生变化时执行相应的过滤操作。在事件回调函数中，你可以通过data.elem获取原始的checkbox DOM对象，通过data.value获取checkbox的值（true或false）。你可以根据具体的需求，在事件回调函数中编写自己的过滤逻辑。

Layui开关Value无法更改问题解决方法

云泽的博客

11-28

1862

页面初始化时，进行判断开关应该显示ON还是OFF。这里是通过添加和移除class样式来改变开关的开或是关。这个是开关监控事件，用来监控开关点击开关后，开关的值为多少既然开关无法更改value，那就自己新建一个隐藏域，专门用来存储开关的值，页面加载的时候赋值一次，然后每点击一次开关就赋值一次（在开关监控事件里面进行赋值操作） ...

layui - 表单监听switch开关OFF状态下提交数据的代码

qq_26784853的博客

08-10

9737

form.on('switch', function(data) { $(data.elem).attr('type', 'hidden').val(this.checked ? 1 : 0); }); 转载自：http://fly.layui.com/jie/13601/

layui switch使用详解

向宇

08-30

3623

前景：本文主要解决下面几大问题 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 开关监听+ajax 数据更新案例