layui switch 样板

老Kings

已于 2022-01-26 12:27:52 修改

阅读量269

点赞数

分类专栏： layui 文章标签： layui elementui webview

于 2022-01-26 12:26:56 首次发布

本文链接：https://blog.csdn.net/weixin_41579345/article/details/122699242

版权

layui 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

本文介绍了一种使用layui框架中的form模块来监听表单中开关元素状态变化的方法。通过在HTML中定义一个带有特定样式的输入元素，并结合JavaScript代码实现状态改变时发送消息的功能。此功能主要用于在用户界面上提供一种直观的方式来标记某条记录的状态（如锁定或正常），并实时更新后台数据。

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

<script type="text/html" id="table_1_bar1">
                        <input type="checkbox" lay-skin="switch" name="lock" value="{{d.sale_id}}" lay-text="锁定|正常" lay-filter="LockHuaSale" {{ d.lock_tag ? 'checked' : '' }}>
                    </script>

 //监听锁定操作
        form.on('switch(LockHuaSale)', function (obj) {
            myTool.postMsg("ChangeTag", {data_key: this.value, colums: 'lock_tag', msg: '锁定'}, function (result) {
                layer.tips(result.msg, obj.othis);
            });
        });