Jquery动态在td中添加checkbox

时间:2023-12-26 15:34:31

如图:想要在这个id为headId的<td>中,用jquery动态添加checkbox

Jquery动态在td中添加checkbox

代码如下 : data是我用ajax 从后台获取的数据,里面含有若干个user类,我想把所有的人名字展示成checkbox,再将选中的人员传给后台。

Jquery动态在td中添加checkbox

ajaxPost("/worklicense/worklicenseBanli/selectDeptHead",{"code":"SGZ_SLD"},function(data){
for(var i=0 ;i<data.length;i++){ //几个人有几个checkbox
$("#headId").append("<input type='checkbox' value='"+data[i].id+"' name='header'/>
"+data[i].name);
}

});

获取被选中的人员的id,传给后台

var headers = "";
$('input[name="header"]:checked').each(function(i){
if(0==i){
headers = $(this).val();
}else{
headers+ = (","+$(this).val());
}
});