示例:
<div class="layui-form">
<input type="checkbox" name="work" lay-skin="primary" title="工作" checked>
</div>
<script>
$(function () {
layui.use('form', function(){
var form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功
form.render();//更新全部
});
})
</script>
成功渲染
- 说明:
form.render(); //更新全部
form.render('select'); //刷新select选择框渲染
- 扩展:
【HTML】
<div class="layui-form" lay-filter="test1">
…
</div>
<div class="layui-form" lay-filter="test2">
…
</div>
【JavaScript】
form.render(null, 'test1'); //更新 lay-filter="test1" 所在容器内的全部表单状态
form.render('select', 'test2'); //更新 lay-filter="test2" 所在容器内的全部 select 状态
详见文档常见问题:layui
本文详细介绍了使用layui框架进行表单渲染的方法,包括如何通过form.render()函数更新表单状态,以及如何针对特定容器或select元素进行刷新。通过示例代码展示了如何在页面加载后初始化表单,并提供了关于lay-filter属性的使用技巧。
1531

被折叠的 条评论
为什么被折叠?



