关闭

ssm框架中,如何单个的把数据库中的多选框值,遍历在jsp页面。

标签: 多选框多选框遍历ssm框架多选框遍历在jsp页面
991人阅读 评论(0) 收藏 举报
分类:

效果图为:


1、后台把数据取出来,通过截取字符串,保存成为一个list集合后,传到前端。

2、前段代码如下:

<td>
<input type="checkbox" name="check" value="1" id="check1" disabled>运动
<input type="checkbox" name="check" value="2" id="check2" disabled>画画
<input type="checkbox" name="check" value="3" id="check3" disabled>下棋
<input type="checkbox" name="check" value="4" id="check4" disabled>弹琴
<input type="checkbox" name="check" value="5" id="check5" disabled>看电影
</td><!--  多选框中的name必须一样-->

<input type="hidden" value="${listHobby }" id="hobby"><!--后台传递过来的 多选框的值 -->

js中的代码:

$(function(){
var arry = new Array();
var str=$("#hobby").val().replace("[","").replace("]","");
arry=str.split(",");
for(var i=0;i<arry.length;i++){
if(arry[i]==1){
$("input[id='check1']").attr("checked", true);
}else if(arry[i]==2){
$("input[id='check2']").attr("checked", true);
}else if(arry[i]==3){
$("input[id='check3']").attr("checked", true);
}else if(arry[i]==4){
$("input[id='check4']").attr("checked", true);
}else if(arry[i]==5){
$("input[id='check5']").attr("checked", true);
}
}
});

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:6745次
    • 积分:180
    • 等级:
    • 排名:千里之外
    • 原创:12篇
    • 转载:0篇
    • 译文:0篇
    • 评论:1条
    最新评论