关于复选框checkbox的选中问题

LoginHaoYu

墨衍会员 · AI 创作全网分发码龄4年

关注

原创最新推荐文章于 2025-05-05 10:17:26 发布 251 阅读 AI 写同款· GEO 优化 ›

问题是，怎么通过后端传过来的数据（直接是分类的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");//责任分类

标签

#状态模式

layui监听多个复选框是否被选中（根据选中状态改变按钮状态）效果示例： 1.html代码块 <form class="layui-form" action=""> <div class="layui-form-item"> <div class="layui-input-block checkbox-container"> <input lay-filter="checkboxs" type="checkbox" value="9" title="12345" lay-skin="primary" &g 阅读详情

关于复选框checkbox的选中问题

相关推荐