复选框的回显

jsp页面

${student.hobby}的值类型为（篮球 游泳）中间是空格

<input type='checkbox' name='hobby' value='篮球'/>篮球

<input type='checkbox' name='hobby' value='游泳'/>游泳

<input type='checkbox' name='hobby' value='足球'/>足球

<input type='checkbox' name='hobby' value='看书'/>看书

<input type='checkbox' name='hobby' value='写字'/>写字

<input type='hidden' name='d' id='d' value='${student.hobby}'>

js页面

<script type='text/javascript'>

function init() {

//获取已经得到的值

var h=$('#d').val();

//拆分

var checkArray =h.split(' ');

//获取所有复选框的值

var checkBoxAll = $('input[name='hobby']');

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

}

})

}

}

</script>