问题是,怎么通过后端传过来的数据(直接是分类的json字符串)来自动选择好前端的checked属性。
1.业务的需求是前端显示一个复选框,如图所示。
2.前端代码如下:
主要通过<c:if test="${fn:contains(product.zerenType,'1')}">checked</c:if>来判断是否选中了该分类。
<div class="layui-form-item layui-form-text"> <label class="layui-form-label">责任分类</label> <div class="layui-input-block"> <input type="checkbox" name="zerenType" value="1" <c:if test="${fn:contains(product.zerenType,'1')}">checked</c:if>>身故(不含全残) <input type="checkbox" name="zerenType" value="2" <c:if test="${fn:contains(product.zerenType,'2')}">checked</c:if>>身故(含全残) <input type="checkbox" name="zerenType" value="3" <c:if test="${fn:contains(product.zerenType,'3')}">checked</c:if>>疾病 <input type="checkbox" name="zerenType" value="4" <c:if test="${fn:contains(product.zerenType,'4')}">checked</c:if>>医疗 <input type="checkbox" name="zerenType" value="5" <c:if test="${fn:contains(product.zerenType,'5')}">checked</c:if>>意外 <input type="checkbox" name="zerenType" value="6" <c:if test="${fn:contains(product.zerenType,'6')}">checked</c:if>>意外医疗 </div> </div>
后端接收后通过转成string存入数据库
String[] zerenTypes = request.getParameterValues("zerenType");//责任分类