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

效果图为:


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);
}
}
});

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/java_xuetu/article/details/53984473
个人分类: 前端
上一篇Spring创建对象的三种方法之二静态工厂创建(源码)
下一篇ssm框架,往数据库插入一条数据,返回插入数据的id
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭