jQuery EasyUI CheckBoxTree的级联选中
2024-08-25 01:56:04
：子结点选中，父节点随之选中，父节点取消，子节点随之取消
代码：
<!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>
如图：
最新文章
- In-Memory：内存数据库
- 如何让老式浏览器支持html5新增的语义元素
- javascript实现字符串的截取
- javascript特效——烟花燃放的效果[xyytit]
- python 之redis
- 在VS2013中查看C/C++预处理后的文件
- CSS图片列表
- JavaScript中创建类，赋值给ajax中的data参数
- SoundCloud 的开发功能
- [MODx] 9. Real Example
- diff两个文件夹里的东西
- IntelliJ IDEA（四） ：Settings【Appearance and Behavior】
- 《Python网络编程》学习笔记--从例子中收获的计算机网络相关知识
- IDEA 使用tomcat7-maven-plugin
- ReentrantLock之公平锁源码分析
- java web的MVC框架,el表达式，servlet，jstl表达式
- 了解真实的rem手机屏幕适配
- 下拉框、下拉控件之Select2
- WCG distribution of byteball
- Springboot集成Common模块中的的全局异常处理遇见的问题