選擇TreeView控件的樹狀數(shù)據(jù)節(jié)點的JS方法
來源：程序員人生 發(fā)布時間：2014-01-09 19:48:29 閱讀次數(shù)：2656次
前些日子為了提高人性化選擇樹狀權限的功能，根據(jù)樹的結構用jquery寫了個方法。方法要達到的效果是：“ 改變一節(jié)點的選中狀態(tài)時，其后代節(jié)點選中狀態(tài)也要跟隨當前節(jié)點的選中狀態(tài)改變而改變。當前節(jié)點選中時，其所有祖先節(jié)點也要跟著選中;如取消時，要根據(jù)其同級節(jié)點是否有選中時，來決定其祖先節(jié)點的選中狀態(tài)。”
說明：樹是用vs的TreeView控件生成的。
如圖：
代碼如下：
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;
}
}
}
);
});
});
作者博客：http://www.cnblogs.com/Gaton/
生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
