1、从MVC返回的Json数据如下:

2、下面是客户端实现的示例:

$.post("/admin/GetPermissionsForRole", function (data,status) {
if (status == "success") {var ghtml = "";$.each(data, function (i, items) { //items相当于二维数组里的每一个一维数组if (items["ParentPermissionId"] == ""){ghtml += "<div class='panel panel-transparent'> <ul class='list-group'>";ghtml += "<div class='panel-heading'><i class='fa fa-list-ul'></i>&nbsp;<span class='panel-title text-bold'>" + items["PermissionName"] + "</span></div>";ghtml += "<ul class='list-group'>";$.each(data, function (i, sitems) {if (sitems["ParentPermissionId"] == items["PermissionId"]){ghtml += "<li class='list-group-item'>";ghtml += "<h6 class='text-bold text-semibold text-xs' style='margin:20px 0 10px 0'>";ghtml += "<label class='px-single'><input type='checkbox' class='px'><span class='lbl'>&nbsp;</span></label>&nbsp;&nbsp;" + sitems["PermissionName"];ghtml += "</h6>";ghtml += "<p>";$.each(data, function (i, ssitems){if (ssitems["ParentPermissionId"] == sitems["PermissionId"]){ghtml += "<label class='checkbox'><input type='checkbox' class='px' /><span class='lbl'>" + ssitems["PermissionName"]+ "</span></label>";}                                        })ghtml += "</p>";ghtml += "</li>";}})ghtml += "</ul></div>";}});                    $("#premlist").html(ghtml);
}
})

3、最后要实现的效果如下:

//权限"全选或者取消"功能代码,此代码必须要放在append()的后面,不然不起作用
var xsChk = 'px';//定义的样式
var xsChkAll = "input[type='checkbox'][class='" + xsChk + "'][name]";//所有定义此样式的checkbox
$(xsChkAll).each(function () {var name = $(this).attr("name");name = "input[type='checkbox'][class!='" + xsChk + "'][name='" + name + "']";//此全选框下面的子checkbox$(this).on('click', function () {$(name).attr("checked", $(this)[0].checked);})var xschk = $(this);$(name).on('click', function () {var IAll = $(name).length; //此子项目下所有checkbox的个数var IChk = $(name + ":checked").length; //此子项目下所有勾选checkbox的个数var isAllChecked = true; //是否是全选if (IAll != IChk) {isAllChecked = false;}$(xschk).attr("checked", isAllChecked);});
});
//会选或者取消功能结束

转载于:https://www.cnblogs.com/zhujiabin/p/5139288.html

Jquery 中each循环嵌套的使用示例教程相关推荐

  1. JavaScript中for循环嵌套编程小案例

    编写一个函数用于实现金额组合:面额分别有1元.2元.5元的纸币共计N张,现需要付出M元,统计共有几种付法.N.M是用户输入的值.(有10张纸币,面额分别是1元.2元.5元,现需要付出18元,通过编程统 ...

  2. java中for循环嵌套_Java中的for循环嵌套

    摘要 Java嵌套循环是指在一个循环语句的循环体中再定义一个循环语句的语法结构.whiledo.while.for循环语句都可以进行嵌套,并且它们之间也可以互相嵌套,如最常见的在for循环中嵌套for ...

  3. jquery中$.each循环的跳出

    jquery中用$.each循环的时候: 1.循环里的this表示数组或集合中的每一项元素: 2.要跳出循环,用return false; 3.要continue,用return true;

  4. 代替嵌套循环java_蓝石榴_个人博客_Java中for循环嵌套的替换优化

    比如:两个list中分别装有相同的对象数据,firstList中有6万条对象数据,secondList中有3万条对象数据(但是对象中的name属性变量为空).两个list中的id或者其他变量都一模一样 ...

  5. jquery中的循环技巧

    Js代码   作者:nuysoft/JS攻城师/高云 QQ:47214707 EMail:nuysoft@gmail.com 声明:本文为原创文章,如需转载,请注明来源并保留原文链接. 前记:本文收集 ...

  6. Java中for循环嵌套的内循环和外循环

    关于for循环嵌套作如下解释: 首先内层循环属于外层循环循环体的一部分,当循环体执行完以后外层循环才进入第二次循环,此过程中内层循环需要执行符合条件的完整循环.(外循环控制行数,内循环控制每一行的个数 ...

  7. jQuery中的循环

    jQuery目前支持两种循环:for和for--of循环.其中for--of是新增的循环方式. [示例1]传统的for循环 var $inputs = $('input'); for(var i = ...

  8. js中for循环嵌套

    首先我们的for循环单个就是我们将内容全部输出出来执行的条件 1.首先声明初始值 2.设置条件 3.执行代码块 4.执行i++ 代码如下, <button type="button&q ...

  9. bat中for循环嵌套

    终于实现了for循环嵌套,特此记录 @echo off @setlocal enabledelayedexpansion :loop set P4PORT=127.0.0.1:1666 set P4U ...

最新文章

  1. 3.27课·········悬浮动态分层导航与隐藏导航
  2. 为什么 StringBuilder 不是线程安全的?
  3. mac里面如何复制路径
  4. MFC六大核心机制之五、六:消息映射和命令传递
  5. 转载自(梦想天空)【必备】史上最全的浏览器 CSS JS Hack 手册
  6. UNIX网络编程——shutdown 与 close 函数 的区别
  7. LINUX下的PHP
  8. 利用memoize缓存到Redis出现多个参数同一个结果
  9. oozie timezone时区配置
  10. matlab 连续相同数据库,MATLAB向量:防止来自相同范围的连续值
  11. 【POJ2318】TOYS(点在凸多边形内判定---模版暴力/二分)
  12. 网络安全现状及防范措施
  13. android反加密反加固,[原创]记一次爱加密反调试分析及绕过思路
  14. 推广、策划、运营都在用这些工具,不知道就太out了
  15. Endnote 导入enw文件无响应及解决方法
  16. 基于python的语料库数据处理_基于Python的语料库数据处理(三)
  17. 实战iOS应用从32位升级到64位
  18. BLAST中的E值的理解
  19. 如何刷新本地 DNS 缓存
  20. cppcheck使用指南

热门文章

  1. 第一章数据分析与挖掘概述
  2. 机器人水库涵洞检测_管渠清淤机器人、管道浑水探测机器人……想不到吧?哈排水集团竟然是“科研达人”...
  3. 华为鸿蒙系统支持什么手机_华为手机支持升级鸿蒙OS的EMUI 11系统55款机型名单公布...
  4. [USACO13OPEN]Luxury River Cruise【模拟】
  5. R︱Yandex的梯度提升CatBoost 算法(官方述:超越XGBoost/lightGBM/h2o)
  6. caffe+CPU︱虚拟机+Ubuntu16.04+CPU+caffe安装笔记
  7. JVM系列一:JVM内存组成及分配
  8. Unix环境高级编程(二)文件和目录
  9. 获取.propertys文件获取文件内容
  10. 账号集中管理系统设计与实现----OpenLDAP