分析 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>