：子结点选中，父节点随之选中，父节点取消，子节点随之取消

代码：

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head>     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />     <title></title>     <link href="js/themes/default/easyui.css" rel="stylesheet" />     <link href="js/themes/icon.css" rel="stylesheet" />     <script src="js/jquery-1.8.0.min.js"></script>     <script src="js/jquery.easyui.min.js"></script>     <script src="js/locale/easyui-lang-zh_CN.js"></script>     <script type="text/javascript">         var data = [{             "id": 1,             "text": "系统",             "children": [{                 "id": 11,                 "text": "用户管理",                 "children": [{                     "id": 19,                     "text": "增加"                 }, {                     "id": 3,                     "text": "修改"                 }, {                     "id": 5,                     "text": "删除"                 }]             }, {                 "id": 12,                 "text": "角色管理",                 "children": [{                     "id": 13,                     "text": "增加"                 }, {                     "id": 3,                     "text": "修改"                 }, {                     "id": 5,                     "text": "删除"                 }]             }]         }, {             "id": 2,             "text": "其他",             "state": "closed"         }];          $(function () {             $("#tt").tree({                 data: data,                 checkbox: true,                 cascadeCheck: false,                 onCheck: function (node, checked) {                     if (checked) {                         var parentNode = $("#tt").tree('getParent', node.target);                         if (parentNode != null) {                             $("#tt").tree('check', parentNode.target);                         }                     } else {                         var childNode = $("#tt").tree('getChildren', node.target);                         if (childNode.length > 0) {                             for (var i = 0; i < childNode.length; i++) {                                 $("#tt").tree('uncheck', childNode[i].target);                             }                         }                     }                 }             });         });          function getChecked()         {             var arr = [];             var checkeds = $('#tt').tree('getChecked', 'checked');             for (var i = 0; i < checkeds.length; i++) {                 arr.push(checkeds[i].id);             }             alert(arr.join(','));         }      </script> </head> <body>     <ul id="tt"></ul>     <input type="button" value="获取选中" onclick="getChecked()" /> </body> </html>

如图：

转载：http://www.cnblogs.com/xiaowangzhi/p/3326748.html

jQuery EasyUI CheckBoxTree的级联选中的更多相关文章

  1. jquery easyui combobox设置默认选中第一项

    combobox的内容是从后台获取的json, js截取: var data = $('#id').combobox('getData'); $("#id ").combobox( ...

  2. jquery easyui combobox 级联及触发事件，combobox级联

    jquery easyui combobox 级联及触发事件,combobox级联 >>>>>>>>>>>>>>&g ...

  3. Jquery EasyUI Combotree根据选中的值展开所有父节点

    Jquery EasyUI Combotree根据选中的值展开所有父节点  Jquery EasyUI Combotree 展开父节点, Jquery EasyUI Combotree根据子节点选中的 ...

  4. jquery easyUI中combobox的使用总结

    jquery easyUI中combobox的使用总结 一.如何让jquery-easyui的combobox像select那样不可编辑?为combobox添加editable属性 设置为false ...

  5. jquery easyUI相关

    jquery easyUI相关===================================easyUI表单验证处理//jquery easyUI 表单验证不通过让光标定位在第一个未通过验证的 ...

  6. Jquery EasyUI 开发实录

    有好几年没有用过EasyUI了,最近在外包做的一个项目中新增功能时,又用到了,本以为和按照以前那样用就可以了,可当我真正用的时候,发现许多地方不一样了,就连官网的文档都更新了,最突出的就是不知道什么时 ...

  7. jquery easyui使用（四）······添加,编辑,删除

    前端: <div style="font-size: 25px; font-weight: 700; margin: 50px 0 10px 10px;"> 车辆登记 ...

  8. jQuery EasyUI教程之datagrid应用（三）

    今天继续之前的整理,上篇整理了datagrid的数据显示及其分页功能 获取数据库数据显示在datagrid中:jQuery EasyUI教程之datagrid应用(一) datagrid实现分页功能: ...

  9. jquery.easyui代码详解，和遇到的问题，提供大家在使用的时候少走弯路（一）

    初次使用jquery.easyui这个东东,虽然简单,但还是很费力的去研究了一下使用,在使用过程中遇到的问题,下面代码会详细的注释到 引用的文件jquery.min.js              j ...

随机推荐

  1. 【转】IE8浏览器无法保存Cookie的解决方法

    转自:http://blog.csdn.net/sjsm2007/article/details/17958145 使用IE8浏览器经常出现了无法保存Cookie的故障.每次打开网站需要重新登录,登录 ...

  2. MSI Error 1603 installing AppFabric 1.1 / Win7 x64

    MSI Error 1603 installing AppFabric 1.1 / Win7 x64  Archived Forums A-B > AppFabric Caching   先说解 ...

  3. jsp脚本元素

    在JSP页面中有三种脚本元素(Scripting Elements):声明.小脚本和表达式. 声明(declaration)用来在JSP页面中声明变量和定义方法.声明是以<%!开头,以%> ...

  4. maven笔记

      jar间接依赖:  被依赖的jar的范围要设置成compile,因发布会包含test范围依赖的jar包.   建立项目之间的联系:先在pom中设定依赖关系,然后可以引用了    .conf:  C ...

  5. 阿里weex学习入门必备

    1.阿里weex学习前景 至于这些东西,可以参照一下链接去看看其作用.... http://share.iclient.ifeng.com/news/sharenews.f?forward=1& ...

  6. OAF_文件系列9_实现OAF解析Excel并读取至数据库JXL

    ddd puroder. webui. poLineExcelImport.java

  7. MVC图片上传

    HTML代码: <form method="post" enctype="multipart/form-data"> 上传图片:<input ...

  8. ubuntu 安装redis两种方式 教程

    方式一: 下载地址:http://redis.io/download,下载最新文档版本. 本教程使用的最新文档版本为 2.8.17,下载并安装: $ wget http://download.redi ...

  9. 获取JAVA[WEB]项目相关路径的几种方法

    在jsp和class文件中调用的相对路径不同. 在jsp里,根目录是WebRoot 在class文件中,根目录是WebRoot/WEB-INF/classes 当然你也可以用System.getPro ...

  10. CRM Setstate plugin

    pre 事件 throw new InvalidPluginExecutionException("pre-StateCode:" + StateCode + ",pre ...