TreeView控件的CheckBox级联选中或取消

背景：

在一个项目开发中遇到这样的要求：当选中树中一个节点时，需要同时选中其父节点，直至根节点。在取消一个节点的选中时，需要将其所有子节点取消选中，直至叶子节点。由于项目用户体验暂时可以不用考虑，直接想到用TreeView的TreeNodeCheckChanged事件，但是运行时发现一个问题，当改变一个节点的CheckBox的选中状态时，不会触发TreeNodeCheckChanged事件，只有在点击了某一个节点的文本后在触发一系列的事件。因此这条路行不通了，只好另寻其它方法了。

 

实现方法：

直接使用事件的方法不可行，那直接想到的方法是通过脚本实现，结合网络资源和业务要求整理了如下js脚本。

        function postBackByObject() {
            var element = window.event.srcElement;
            if (element.tagName == "INPUT" && element.type == "checkbox") {
                var checkedState = element.checked;
                if (checkedState) {
                    while (element.tagName != "TABLE")
                        element = element.parentElement;
                    CheckWithParent(element);
                }
                else {
                    while (element.tagName != "TABLE")
                        element = element.parentElement;
                    UnCheckWithChilds(element);
                }
            }
        }
        //取消节点及其子节点（直至叶子节点）的选中状态。
        function UnCheckWithChilds(table) {
            if (table != null) {
                Check(table, false);
                var childDiv = table.nextSibling;
                if (childDiv != null) {
                    if (childDiv.tagName == "DIV") {
                        var childs = childDiv.getElementsByTagName("table");
                        for (var i = 0; i < childs.length; i++) {
                            UnCheckWithChilds(childs[i]);
                        }
                    }
                }
            }
        }
        //选中节点及其父节点（直至根节点）。
        //注：TreeView1 为TreeView控件的ID。
        function CheckWithParent(table) {
            if (table != null) {
                Check(table, true);
                var parentDiv = table.parentElement;
                if (parentDiv.id == "TreeView1") {
                    return;
                }
                else {
                    var parentTable = parentDiv.previousSibling;
                    CheckWithParent(parentTable);
                }
            }
        }
        //修改节点的CheckBox状态。
        function Check(table, checked) {
            if (table != null) {
                var checkboxIndex = table.rows[0].cells.length - 1;
                var cell = table.rows[0].cells[checkboxIndex];
                var checkboxes = cell.getElementsByTagName("INPUT");
                if (checkboxes.length == 1)
                    checkboxes[0].checked = checked;
            }
        }