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

代码：

<!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. ubuntu安装php5.3

    sudo -i wget http://in1.php.net/distributions/php-5.3.29.tar.bz2 .tar.bz2 cd php- apt-get install li ...

  2. 别再为了this发愁了------JS中的this机制

    别再为了this发愁了------JS中的this机制 题记:JavaScript中有很多令人困惑的地方,或者叫做机制.但是,就是这些东西让JavaScript显得那么美好而与众不同.比方说函数也是对 ...

  3. 安装 SQL Server 2008 时提示需要删除 SQL Server 2005 Express 工具

    已安装 SQL Server 2005,安装 SQL Server 2008 时提示需要删除 SQL Server 2005 Express 工具 错误提示:已安装 SQL Server 2005 E ...

  4. 学会使用notepad++

    官网地址:https://notepad-plus-plus.org/ 字体尺寸更改:ctrl+鼠标滚轮 主题:设置-语言格式设置,推荐Obsidian或者Zenburn主题,推荐Consolas 1 ...

  5. MYSQL-用户权限的验证过程

    知识点 因为MySQL是使用User和Host两个字段来确定用户身份的,这样就带来一个问题,就是一个客户端到底属于哪个host. 如果一个客户端同时匹配几个Host,对用户的确定将按照下面的优先级来排 ...

  6. 可扩展Web架构与分布式系统(转)

    1.1. web分布式系统的设计原则 搭建和运营一个可伸缩的web站点或者应用程序意味着什么?在原始层面上这仅仅是用户通过互联网连接到远程资源-使系统变得可伸缩的部分是将资源.或者访问的资源,分布于多 ...

  7. 用HTML实现凸（凹）起的立体效果的表格

    视觉效果如下: 实现这个效果主要用到的是<table>标签的bordercolorlight和bordercolordark两个属性.不过在测试的过程中,我发现有的浏览器不支持这两个属性, ...

  8. 源码阅读笔记 - 3 std::string 与 Short String Optimization

    众所周知,大部分情况下,操作一个自动(栈)变量的速度是比操作一个堆上的值的速度快的.然而,栈数组的大小是在编译时确定的(不要说 C99 的VLA,那货的 sizeof 是运行时计算的),但是堆数组的大 ...

  9. libZPlay 音频编码解码器库

    libZPlay 音频编码解码器库 http://www.oschina.net/p/libzplay libZPlay 播放音乐并显示 FFT 图形 :http://www.oschina.net/ ...

  10. Mongo集合操作Aggregate

    最近一直在用mongodb,有时候会需要用到统计,在网上查了一些资料,最适合用的就是用aggregate,以下介绍一下自己运用的心得.. 别人写过的我就不过多描述了,大家一搜能搜索到N多一样的,我写一 ...