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>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章