您的位置:首页 > 其它

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

2015-11-24 14:24 375 查看
一.

<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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: