循环遍历渲染模块

<tbody id="addMenus">

<tr>
<td id="checkFather"><label><input class="checkMust" name="Fruit" type="checkbox" value="" />用户管理1 </label></td>
<td id="checkChild"><label><input class="checkThis" name="Fruit" type="checkbox" value="" />1.用户管理1 </label>
<label><input class="checkThis" name="Fruit" type="checkbox" value="" />2.角色及权限管理1</label>
</td>
</tr>

</tbody>

 

var datas=results.body.menus;

 $("#addMenus").empty();//每次追加前必须先清空
var trs="";
for(var i=0;i<datas.length;i++){
trs +="<tr>";
trs +="<td ><label><input class='checkMust' name='Fruit' type='checkbox' value='"+datas[i].platformMenuId+"' />"+datas[i].platformMenuName+" </label></td>";
trs +="<td>";
for(var j=0;j<datas[i].items.length;j++){
trs +="<label><input class='checkThis' name='Fruit' type='checkbox' value='"+datas[i].items[j].platformMenuId+"' />"+datas[i].items[j].platformMenuName+"</label>";
}
trs +="</td>";
trs +="</tr>";
}
$('#addMenus').append(trs);

转载于:https://www.cnblogs.com/Fancy1486450630/p/10148172.html