Layui列表中switch按钮的使用

1 定义模板

其中 行id列名 、需要判定的列名 要修改后才能用

<script type="text/html" id="yesOrNo-switch"> <input type="checkbox" value="{{= d.行id列名 }}" title="是|否" lay-skin="switch" lay-filter="yesOrNo-value" {{= d.需要判定的列名=='1'?'checked':''}}> </script> 2 使用模板

使用 templet 关联模板

{ field: 'state', title: '是否达成', templet:'#yesOrNo-switch' }, 3 事件触发 form.on('switch(yesOrNo-value)', function(obj){ let data = { id : this.value, state: obj.elem.checked?'1':'0' }; $.ajax({ url: '/xxx/xxx/updateState', data: JSON.stringify(data), dataType: 'json', contentType: 'application/json', type: 'put', success: function (result) { if (result.success) { layer.msg("修改成功", {icon: 1, time: 1000}, function () { }); } else { layer.msg(result.msg, {icon: 2, time: 1000}); } } }); });