jQuery EasyUI CheckBoxTree的级联选中

来源：互联网发布：党员队伍结构持续优化编辑：程序博客网时间：2024/06/14 07:40
<!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
0 0