• 0
  • 0

layui 表格添加 开关 switch

2021-03-12 755 0 admin 所属分类:LAYUI

模板格式

<script type="text/html" id="status">
  <input type="checkbox" name="status" value="{{d.id}}" lay-skin="switch" lay-text="是|否" lay-filter="status" {{ d.status== 1 ? 'checked' : '' }}>
</script>

js监听

form.on('switch(status)', function(obj) {
    console.log(obj);
    var data = {}
    data['_id'] = obj.value;
    if (obj.elem.checked) {
        data['status'] = 1;
    } else {
        data['status'] = 0;
    }
    $.post('/xxxxx', data, function(res) {
        if (res.status == 1) {
            layer.msg('保存成功')
        } else {
            layer.msg(res.msg)
        }
    })
});

后台处理

$row = getRecord($_POST['id']);
unset($_POST['id']);
$record = [];
foreach($_POST as $k = > $v) {
    if (in_array($k, ['status'])) {
        $record[$k] = $v;
    }
}
if ($record) {
    //数据库更新
}
succ($id);


返回顶部