动态生成checkbox 选择框

 

 

<tr>
<td colspan="3">
<label class="textbox-label textbox-label-before" for="_easyui_textbox_input14" style="float:left; height: 30px; line-height: 30px;">出库单号</label>
<div id = "outOrderDiv" style=" overflow:auto; float:left;width: 868px;height: 76px;" ></div>
</td>
</tr>

$("#outOrderDiv").html("<ul></ul>");
for(var i=0 ;i<data.rows.length;i++){ //几个人有几个checkbox
$("#outOrderDiv ul").append('<li style="float:left;width:120px;list-style-type:none;margin-right: 10px;margin-bottom: 10px;"><input class="all" type="checkbox" checked="checked" name="outOrderId" value="'+data.rows[i].outOrderId+'" />'+data.rows[i].xxxoutOrderNum+' <span class="icon-clear" onclick="removeLi(this,\''+data.rows[i].outOrderId+'\',\''+id+'\');">X</span> </li>');
}

 

var ids="";
$("input[name='outOrderId']:checked").each(function(){
ids+=$(this).val()+",";
});
ids = ids.substring(0,ids.length-1);
$('#outOrderIds').val(ids);