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

代码：

  1. <!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. JSPatch常见问题解答

    原文地址:https://github.com/bang590/JSPatch/wiki/JSPatch%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98%E8%A7%A3%E7 ...

  2. struct2的structs.xml文件配置There is no Action mapped for action name 问题

    很久没写过博客,今天重新开始写,新技术太多,只有通过博客才可以不断积累,本人水平有限,如有错误,欢迎指正,谢谢 今天在MAVEN上配置web project的struct2,发现自己忽略了很多问题,再 ...

  3. wordpress钩子和钩子函数

    ccc,看了很多博客,无法理解,还是自己来写吧. wordpress 在wordpress中有很多钩子,还有很多钩子函数,在什么地方用什么钩子,用什么钩子函数, 需要明白两个问题: 1:什么是钩子,钩 ...

  4. Zend Studio 中安装emmet插件的方法

    本人的Zend Studio版本是Zend Studio 10.0.0. 1. 打开Zend Studio,点击 Help --> Install New Software,如下图: 2.  在 ...

  5. NULL指针、零指针、野指针

    1.1.空指针 如果 p 是一个指针变量,则 p = 0; p = 0L; p = '\0'; p = 3 - 3; p = 0 * 17;p=(void*)0; 中的任何一种赋值操作之后, p 都成 ...

  6. 6个错误将杀死你的App

    没有开发者或者设计师会故意破坏应用的设计.所有的应用程序创建者都对自己的应用寄予美好的愿望,但是很多错误是在他们无意识的状态下破坏app的设计.以下是应用开发者和设计者经常犯的几个错误,不过这些错误是 ...

  7. ios 写项目的时候遇到的问题及解决方案(3)

    22.看了苹果的文档,里面有这一句话:All launch images must be PNG files and must reside in the top level of your appl ...

  8. nginx下rewrite参数超过9个的解决方法

    nginx 在处理多于9个参数的时候,是采用重命名的方法来实现的: /?m?([0-9,]*)h?(\d*)a?([0-9,]*)c?(\d*)s?(x?f?(?P<f>[0-9,]*)/ ...

  9. urllib2抓取HTML存入Excel

    通过urllib2抓取HTML网页,然后过滤出包含特定字符的行,并写入Excel文件: # -*- coding: utf-8 -*- import sys #import urllib import ...

  10. SPOJ bsubstr

    题目大意:给你一个长度为n的字符串,求出所有不同长度的字符串出现的最大次数. n<=250000 如:abaaa 输出: 4 2 1 1 1 spoj上的时限卡的太严,必须使用O(N)的算法那才 ...