jQuery 让 TreeView 实现全选

分析 TreeView 生成的 Html 可以发现，每层节点都保存在 table 元素中，如果节点又下层节点，则 table 元素的下一个元素为 div 元素， div 元素中包含一个 表示下层节点的 table 元素，下层节点的复选框就位于其中。

 

通过 jQuery 的 parents 函数和 next 函数，可以完成以上的选择。

 

函数说明：

 

parents 取得指定的父元素，可以逐级向上进行查找。

next 取得当前元素的下一个元素，可以通过参数进行过滤

checked 设置或者取得当前元素的选择状态

 

 

<script type ="text/javascript" >

        $(function() {

            $(":checkbox").click(function() {

                var v = this.checked;

                $(this).parents("table").next("div").find(":checkbox").each(function() {

                    this.checked = v;

                });

            });

       });

    </script>