Jquery 获取Ajax动态加载出的页面元素

需求:

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

 


        

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Master_slaves

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值