<!-- HTML 示例 -->
<div class="layui-form" lay-filter="test1">
…
</div>
<div class="layui-form" lay-filter="test2">
…
</div>
<!-- JS 示例 -->
<script>
layui.use(‘form‘, function(){
var form = layui.form,
form.render(null, ‘test1‘); //更新 lay-filter="test1" 所在容器内的全部表单状态
form.render(‘select‘, ‘test2‘); //更新 lay-filter="test2" 所在容器内的全部 select 状态
//……
});
</script>
<div id="layer-test" style="display: none;">
<form class="layui-form">
<div class="layui-form-item">
<label class="layui-form-label">复选框</label>
<div class="layui-input-block">
<input type="checkbox" name="CSDN" lay-filter="like" title="复选框一" value="dongsir">
<input type="checkbox" name="CSDN" lay-filter="like" title="复选框二" value="董先生">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">开关关</label>
<div class="layui-input-block">
<input type="checkbox" name="switch" lay-skin="switch" value="董辉">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">开关开</label>
<div class="layui-input-block">
<input type="checkbox" name="switch" checked lay-skin="switch" value="董先生的CSDN">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" lay-submit lay-filter="*">立即提交</button>
</div>
</div>
</form>
</div>
<script src="layui/layui.js"></script>
<script>
layui.use(‘form‘, function(){
var form = layui.form,
$ = layui.$;
//layer示例
layer.open({
type: 1,
title: [‘董先生的CSDN博客‘],
shade: 0.4,
area:[‘900px‘, ‘650px‘],
content: $("#layer-test").html(),
success: function(layero, index){
form.render();
}
});
});
</script>