需求:
1 通过页面初始化函数${function(){}}函数调用ajax访问后台,得到数据节点
2 通过ajax得到渲染出的数据不添加事件
3 完成checkbox默认选中
$(function(){
$.ajax({
type: 'get',
contentType:'application/json;charset=utf-8',
dataType:'json',
url: '${pageContext.request.contextPath}/author/list.do',//请求后台数据接口
success: function(res) {
if (res!=null) {
$("#tt").empty(); //拼接字符串完成ckeckbox列表的加载
for(var i=0;i<res.length;i++){
var item =res[i];
var message ="";
message += "<dl class='permission-list'>";
message += " <dt>";
message += "<label>";
message += "<input type='checkbox' value='"+item.authorId+"' name='authorId' id='user-Character-1'>"
message += item.authorName+"</label>";
message += "</dt> ";
message += "<dd>";
message += "<dl class='cl permission-list2'>";
message += "<dd>";
if(item.authorSet!=null && item.authorSet.length>0){
for(var j=0;j<item.authorSet.length;j++){
var ctem = item.authorSet[j];
message += "<label class=''>";
message += "<input type='checkbox' value='"+ctem.authorId+"' name='authorId' id='user-Character-1-0-0'>";
message += ctem.authorName+"</label>";
}
}
message +="</dd>";
message +="</dl>";
message += "</dd>";
message +=" </dl>";
$("#tt").append(message);
}
}
},
complete:function(){ // 通过complete函数
var cks =$("input[name='authorId']"); // 获取刚才加载出的所有checkbox集合
var authors =${sessionScope.authorIds} // 获取后台数据的角色id集合
console.log(authors);
for(var i=0;i<cks.length;i++){
for (var j=0;j<authors.length;j++){
var id = authors[j];
if(cks[i].value == id){
cks[i].checked= true; //设置默认选中 break;
}
}
}
}
});
});