layui的switch按钮监听修改数据状态

高处的天空

于 2021-06-11 17:45:24 发布

阅读量686

点赞数

分类专栏： thinkphp5 layui

本文链接：https://blog.youkuaiyun.com/weixin_43714301/article/details/117824048

版权

这篇博客展示了如何在layui中使用switch按钮监听事件，动态地修改后台数据的状态。通过图片示例、HTML结构和JavaScript代码的详细解析，帮助读者理解实现这一功能的完整流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

直接上代码！！！

1.图片示例
在这里插入图片描述

2.html代码

 <td>
                <input type="checkbox"  lay-filter="switchID" switch_id="{$v['user_id']}" {if condition="$v.work_status eq '1'"}checked="checked" {/if} name="work_status" lay-skin="switch" lay-text="正常|休息">
</td>

3.js代码

   form.on('switch(switchID)', function(data){
   
            //开关是否开启，true或者false
            var checked = data.elem.checked;<

最低0.47元/天解锁文章