解决复选框编辑页面回显问题

一.

<label><input name="guaType" class="required"  type="checkbox" value="质押" />质押 </label> 

<label><input name="guaType" class="required"  type="checkbox" value="其他" />其他</label> 

<label><input name="guaType" type="checkbox" class="required" value="第三方保证" />第三方保证 </label> 

 

<input type="hidden" value="${projectRecommend.guaType}" id="meidaHidden">

 

 

 

/* ===========================checkbox编辑页面回显=================================================== */
//获得所要回显的值
var checkeds = $("#meidaHidden").val();
//拆分为字符串数组
var checkArray =checkeds.split(",");
//获得所有的复选框对象
var checkBoxAll = $("input[name='guaType']");
//获得所有复选框的value值，然后，用checkArray中的值和他们比较，如果有，则说明该复选框被选中
for(var i=0;i<checkArray.length;i++){
//获取所有复选框对象的value属性，然后，用checkArray[i]和他们匹配，如果有，则说明他应被选中
$.each(checkBoxAll,function(j,checkbox){
//获取复选框的value属性
var checkValue=$(checkbox).val();
if(checkArray[i] ==checkValue){
$(checkbox).attr('checked',true)

}
})
}

二.使用字典的方法（项目平台封装）

 第一种方式：
jsp页面：
<c:forEach items="${fns:getDictList('koahe_xmys')}" var="dict">
<input type="checkbox" value="${dict.value}" name="xmyoushi"
  <c:forEach items="${xmyoushiList}" var="xmys">
  <c:if test="${dict.value==xmys}">
  checked="checked"
  </c:if>
</c:forEach>
/>${dict.label} 
</c:forEach>
Controller：
//项目优势数据处理
List<String> xmyoushiList=null;
if(zzlKaoheProject.getXmyoushi()!=null){
xmyoushiList=Arrays.asList(zzlKaoheProject.getXmyoushi().split(","));
}
第二种方式：
  <c:forEach var="dict" items="${fns:getDictList('koahe_xmys')}">
<input type="checkbox" class="required" 
<c:if test="${fn:contains(zzlKaoheProject.xmyoushi,dict.value )}">
checked="checked"
</c:if>  name="xmyoushi" value="${dict.value}"
/>${dict.label}
</c:forEach> 

 

转载于:https://www.cnblogs.com/chuanqimessi/p/4991502.html