layui表单元素不的生效
如图
解决:
需要渲染一下就可以了
<script>
var form = layui.form
form.render();
</script>
扩展,表单checkbox元素的单独使用
只要最外展包含 class="layui-form" 即可
<div class="layui-form">
<input type="checkbox" name="status" lay-filter="status" value="1" {if condition="$data.status eq 1"} checked {/if} lay-skin="switch" lay-text="开启|关闭">
</div>
添加监听事件
form.on('switch(status)', function(data){
var id = data.value;
var sta = data.elem.checked;
console.log(sta);
});
参考网址
https://www.layui.com/doc/modules/form.html