###for循环代码 for(var i=0;i<res.data.length;i++){ var bannerPicList = res.data[i]; var bannerId = bannerPicList.id; var displayShow = bannerPicList.show; innerHTML+= "<div style='float:left;width:30%;margin:9px;position:relative;'>"+ "<img style='width:100%;height:150px;' src="+bannerPicList.bannerUrl+">"+ '<button class="btn btn-success" style="position:absolute;top:35%;left:38%;cursor:pointer" data-toggle="modal" data-target=".bs-example-modal-sm" οnclick="changePictureId(\'' + bannerId + '\')">点击更换</button>'+ "<div class='row'>"+ "<div id=displayBlockYes"+bannerId+">"+ "<label class='control-label col-md-4' style='margin-left:12px;'>"+"是否显示图片"+"</label>"+ "<div>";//结束开始做js判断 if(displayShow == true){ innerHTML+= '<input type="checkbox" οnchange="displayBlock(event,\'' + bannerId + '\',\'' + displayShow + '\')" checked>是'; }else{ innerHTML+= '<input type="checkbox" οnchange="displayBlock(event,\'' + bannerId + '\',\'' + displayShow + '\')">是'; } innerHTML+= "</div>"+ "</div>"+ "</div>"+ '</div>';
}
$("#bannerPicture").html(innerHTML);
request请求
//是否显示轮播图
function displayBlock(event,id,displayShow){
console.log(event);
console.log(id);
var show;
if(displayShow == "true"){
show = false;
}else{
show = true;
}
$.ajax({
type:'POST',
url:pengPengUrl+"/cmsComm/showBannerPic",
dataType:"json",
data:{bannerId:id,show:show},
success:function(res){
if(res.statusCode == 200){
console.log(res);
alert("修改成功");
bannerPicList();
}
},
error:function(){
console.log("修改图片失败");
}
})
}