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

代码：

<!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. MsXml创建和解析XML示例

    一．MsXml创建XML文档示例 // XmlCreationDemo.cpp #include <stdlib.h> #include <stdio.h> // 引入MSXM ...

  2. IntelliJ IDEA 的 20 个代码自动完成的特性

    http://www.oschina.net/question/12_70799 在这篇文章中,我想向您展示 IntelliJ IDEA 中最棒的 20 个代码自动完成的特性,可让 Java 编码变得 ...

  3. Android学习十二：自定义控件学习

    自定义控件: 1.定义控件的属性,atts.xml 2.代码实现自定义控件的控制 3.引用该控件 首先定义相关的属性 <?xml version="1.0" encoding ...

  4. Thread基本介绍

    1.Thread类介绍 Class Thread java.lang.Object java.lang.Thread All Implemented Interfaces: Runnable Dire ...

  5. solr6.0.0 + tomcat8 配置问题

    中间件需求: apache-tomcat-8.0.32.tar.gz jdk-8u74-linux-x64.rpm solr-6.0.0.zip 0.安装java JDK rpm -ivh jdk-8 ...

  6. Beta版本冲刺——day6

    No Bug 031402401鲍亮 031402402曹鑫杰 031402403常松 031402412林淋 031402418汪培侨 031402426许秋鑫 站立式会议 今日计划表 人员 工作 ...

  7. 支付宝接入文档中TRADE_SUCCESS和TRADE_FINISHED的本质区别

    之前一直不知道这2种状态到底有什么不同.支付宝中担保交易和即时到账交易对其的描述为: TRADE_SUCCESS  交易成功(或支付成功) TRADE_FINISHED    交易完成 一头雾水... ...

  8. 打开页面自动打开QQ的javascript代码

    今天浏览个网站,发现我的QQ突然自动启动了,起初还以为中病毒了,后来找了半天无果,反而发现了几个无需启动的系统服务进程,遂管之. 后来打开网站的页面的源代码,发现一段javascript脚本,才知道我 ...

  9. PHP 模拟POST请求

    /** * 模拟post进行url请求 * @param string $url * @param array $post */ function request_post($url, $post = ...

  10. Windows下一些奇怪安装问题的解决

    你可能遇到过无法安装.Net Framework的问题,也许你也知道可以用微软的.Net Framework Cleanup Tool来解决,网上也流传着其他解决办法,然而有时候以上方法都不管用,此时 ...