效果图为:
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);
}
}
});