问题:项目表单中需要用到单选框,直接按照官网示例copy过来,发现不显示,
<script id="baseInfo" type="text/html">
<div class="layui-form-item" pane>
<label class="layui-form-label">单选框</label>
<div class="layui-input-block">
<input type="radio" name="sex" value="男" title="男" lay-filter="sex" checked/>
<input type="radio" name="sex" value="女" lay-filter="sex" title="女"/>
<input type="radio" name="sex" value="禁" lay-filter="sex" title="禁用" disabled>
</div>
</div>
<script/>
原因:可能是由于使用的是模板,加载页面时未渲染表单,所以之后用layui.open()显示页面时对原元素进行了隐藏,
如果没有对表单进行渲染或者修改表单后未渲染就不会出现渲染后的元素
解决方法:在弹出模板html后对表单重新渲染(可以所有表单都进行渲染,也可以渲染部分组件)
index = layer.open({
title: "基本信息",
type: 1,
area: ['700px', '400px'],
content: $("#baseInfo").html()
});
form.render();
修改后弹出的页面: