選擇TreeView控件的樹狀數(shù)據(jù)節(jié)點的JS方法(jquery)

更新時間：2010年02月06日 16:13:23 作者：

前些日子為了提高人性化選擇樹狀權(quán)限的功能，根據(jù)樹的結(jié)構(gòu)用jquery寫了個方法。

方法要達到的效果是：“ 改變一節(jié)點的選中狀態(tài)時，其后代節(jié)點選中狀態(tài)也要跟隨當(dāng)前節(jié)點的選中狀態(tài)改變而改變。當(dāng)前節(jié)點選中時，其所有祖先節(jié)點也要跟著選中;如取消時，要根據(jù)其同級節(jié)點是否有選中時，來決定其祖先節(jié)點的選中狀態(tài)?！?
說明：樹是用vs的TreeView控件生成的。
如圖：

代碼如下:

復(fù)制代碼代碼如下:

 
jQuery(function(){ 
jQuery(":checkbox").click(function(){ 
var objNode = this; 
var objNodeId=objNode.id; 
var divObjId= objNodeId.substring(0,objNodeId.indexOf("CheckBox")) < /span>+ "Nodes"; 
jQuery('#'+divObjId+' input[type="checkbox"]').each(function(){ 
this.checked=objNode.checked; 
} 
); 
jQuery("#"+objNodeId).parents("div[id]").each(function(){ 
var divId=this.id; 
var cbId=divId.substring(0,divId.indexOf("Nodes")) + "CheckBox"; 
var cbCount=jQuery('#'+divId+' input:checked'); 
if(objNode.checked||cbCount.length==0) 
{ 
var sId=document.getElementById(cbId); 
if (sId) 
{ 
sId.checked=objNode.checked; 
} 
} 
} 
); 
}); 
}); 

您可能感興趣的文章:

相關(guān)文章

jquery中的mouseleave和mouseout的區(qū)別模仿下拉框效果
不論鼠標(biāo)指針離開被選元素還是任何子元素，都會觸發(fā) mouseout 事件,只有在鼠標(biāo)指針離開被選元素時，才會觸發(fā) mouseleave 事件
2012-02-02
JQuery使用$.ajax和checkbox實現(xiàn)下次不在通知功能
這篇文章主要介紹了JQuery使用$.ajax和checkbox實現(xiàn)下次不在通知功能,本文給出HTML代碼、JS代碼、和后端JAVA代碼完整示例,需要的朋友可以參考下
2015-04-04
jquery 圖片輪換效果
重寫了昨天的圖片輪換，加入了自動切換效果，改變了布局，增強了可定制性，當(dāng)然，還是有點小小的問題，在IE 6+,chrome,firfox3.68下測試正常運行
2010-07-07
jQuery實現(xiàn)的超鏈接提示效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery實現(xiàn)的超鏈接提示效果,結(jié)合實例形式對比分析了jQuery實現(xiàn)的帶有l(wèi)oading動態(tài)圖效果的提示文字以及默認(rèn)提示文字顯示效果,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
2016-09-09
BootStrap glyphicon圖標(biāo)無法顯示的解決方法
如果不注意bootstrap引入css和fonts的規(guī)范，則可能會導(dǎo)致bootstrap 在顯示glyphicon圖標(biāo)時無法正常顯示，顯示為方框。該怎么解決呢？下面小編給大家解答下
2016-09-09
jQuery 一個圖片切換的插件
B/S開發(fā)的朋友，首頁常常需要一些新聞圖片切換的特效，鑒于jQuery良好的插件開發(fā)機制，我也常常自己寫一些實用的小插件，這里分享一個新聞圖片切換插件
2011-10-10
Jquery Uploadify上傳帶進度條的簡單實例
本篇文章主要是對Jquery Uploadify上傳帶進度條的簡單實例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-02-02
使用jquery實現(xiàn)的一個圖片延遲加載插件（含圖片延遲加載原理）
這篇文章主要介紹了使用jquery實現(xiàn)的一個圖片延遲加載插件,同時講解了圖片延遲加載的原理,還有無阻塞加載廣告的功能哦,需要的朋友可以參考下
2014-06-06
同域jQuery(跨)iframe操作DOM(實例講解)
本篇文章主要是對同域jQuery(跨)iframe操作DOM進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12
Javascript中的異步編程規(guī)范Promises/A詳細介紹
這篇文章主要介紹了Javascript中的異步編程規(guī)范Promises/A詳細介紹,同時介紹了jQuery 中的 Deferred 和 Promises,需要的朋友可以參考下
2014-06-06