layui的复选框在查看预览的时候,是需要禁用的,但是样式又不能丢,该怎么做呢?
是不是跟平常一样用disabled就可以了呢?
答案:否。
怎么做?
举例如下:
<div class="layui-form-item">
<label class="layui-form-label">线路样式</label>
<div class="layui-input-block">
[#list lineStyle as lstyle]
<!-- 没禁用的做法 -->
<!-- <input type="checkbox" name="linestyles" lay-filter="checkbox2"
title="${lstyle.lineStyleTitle}" value="${lstyle.id}" [#if lineform.linestyles?seq_contains(lstyle.id)] checked="checked" [/#if]
lay-verify="required"> -->
<!-- 禁用的做法 -->
<div
[#if lineform.linestyles?seq_contains(lstyle.id)]
class="layui-unselect layui-form-checkbox layui-form-checked"
[#else]
class="layui-unselect layui-form-checkbox"
[/#if]>
<span>${lstyle.lineStyleTitle}</span>
<i class="layui-icon layui-icon-ok"></i>
</div>
[/#list]
</div>
</div>