jQuery EasyUI CheckBoxTree的级联选中
2015-04-16 16:07
204 查看
<!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的级联选中
- jQuery EasyUI CheckBoxTree的级联选中
- jQuery EasyUI CheckBoxTree的级联选中
- easyUi Tree的CheckBox级联选中问题
- Extjs4 treePanel + checkbox 级联选中
- 使用jQuery+EasyUI实现CheckBoxTree的级联选中特效
- 使用jQuery+EasyUI实现CheckBoxTree的级联选中特效
- swt CheckboxTreeViewer 全选 反选 级联选中子节点
- 可级联选择tree中的checkBox (flex)
- jquery easyui树形级联选中
- TreeView控件的CheckBox级联选中或取消
- ext4 treePanel 设计节点级联选中
- JQuery Tree获取所有checkbox选中节点的id和内容
- DEV treeList 获取 ListcheckBox选中节点内容
- ext4 treePanel 设计节点级联选中
- JQuery EasyUi Tree获取所有checkbox选中节点的id和内容
- TreeView CheckBox级联选中
- VisualTreeHelper使用之ListBox模板DataTemplate中CheckBox选中项(WP7.1)
- Ext.TreeNodeCascade让所有Ext的树支持级联选中
- 学习使用TreeView 控件的TreeNode 对象来获取选中了CheckBox的节点!