asp.net TreeView CheckChanged 事件浅谈

在开发中经常可以碰到类似的问题: 想通过一个树父节点的TreeNodeCheckChanged 事件( 前提是设置TreeView 的CheckBox 可见), 来选择或反选择全部的子节点, 来实现自己的要实现的操作功能. 于是我们很正常的思维促使我们去寻找TreeView 的的类似于 ” CheckChanged ” 的事件, 很容易我们找到了这个事件 ” TreeNodeCheckChanged ” . 我们很轻松并优雅的写着事件的实现代码, 心理很感谢微软, 丫的真实方便咱开发啊, 要啥有啥, 就差偷偷笑出来了(:-D).
正当我们在高兴头上呢, 我们发现当我们点击那个三角号运行页面的时候, 点击父节点子节点并没有被选中货反选. 还以为是鼠标问题呢. 于是再次的点击父节点, 还是没有我们想要的结果. 这是我们可能会刷新页面并再次的尝试, 结果还不是我们想要的样子.
用惯了现成的东西, 现在突然出了点意外, 很让人扫兴. 但是项目不能停呐, 于是乎我们开始分析代码, 检查数次后发现代码没问题. 我们开始google. 嗯, 找到了原因. 原来只有当页面submit 的时候才会提交更改, 这也是一个解决问题的方向. 但是我们想在不提交页面的时候就更改变, 这个时候我们想到了通过javascript 来解决问题.
这是我们要进行操作的TreeView, 当我想点击一级节点的时候想把两个二级节点都选中. 如下图 .

从查看TreeView 的HTML 代码开始, 页面上生成的代码类似于下面( 代码太多我整理了一下):
一个TreeView 从一个锚点开始.
< a href ="#TreeView1_SkipLink">
< img alt =" 跳过导航链接。" width ="0" height ="0" style ="border-width: 0px;" /></ a >
然后是一个节点容器DIV( TreeView1 ), 所有的节点都放在这里.
< div id ="TreeView1" onclick="onTreeViewClick(event);" style ="font-size: 12px;">
树节点在HTML 用Table 标签来表示, 一个Node 节点就是一个表格Table. 所以下面名称为 ” 一级节点 ” 的表格是树的一个节点 .  
    < table cellpadding ="0" cellspacing ="0" style ="border-width: 0;">
        < tr >
            < td >
                < a id ="TreeView1n0" href ="javascript:TreeView_Toggl