解决复选框编辑页面回显问题
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>
<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>
相关文章推荐
- 关于从网络上获取图片后自适应cell并且不失真的问题
- RSA算法原理(二)
- python2.7(含学习视频)
- Hdoj find the mincost route
- 播放应用的资源音乐
- Oracle表分区和索引分区汇总
- 转: android sdk for mac
- iOS Autolayout笔记
- ORACLE SQL性能优化系列 (一)
- 自定义布局的Dialog无法关闭问题
- 一步一步教你做ios推送
- 多余文字不折行 显示...
- 【原创】微信公众号与HTML 5混合模式揭秘4——jssdk调用微信扫一扫
- 获取本机IP地址以及本机名称
- JavaEE_JSP_JSTL标签 参考手册
- Linux中vi编辑器
- [makefile]makefile中 '=', ':=', '?=', '+='的区别
- zookeeper集群安装
- 栈的应用
- 自定义粘性View (备忘)