手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >选择TreeView控件的树状数据节点的JS方法(jquery)
选择TreeView控件的树状数据节点的JS方法(jquery)
摘要:方法要达到的效果是:“改变一节点的选中状态时,其后代节点选中状态也要跟随当前节点的选中状态改变而改变。当前节点选中时,其所有祖先节点也要跟着...

方法要达到的效果是:“ 改变一节点的选中状态时,其后代节点选中状态也要跟随当前节点的选中状态改变而改变。当前节点选中时,其所有祖先节点也要跟着选中;如取消时,要根据其同级节点是否有选中时,来决定其祖先节点的选中状态。”

说明:树是用vs的TreeView控件生成的。

如图:

选择TreeView控件的树状数据节点的JS方法(jquery)1

代码如下:

复制代码 代码如下:

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;

}

}

}

);

});

});

【选择TreeView控件的树状数据节点的JS方法(jquery)】相关文章:

JS实现两表格里数据来回转移的方法

实现placeholder效果的方案汇总

VBScript版代码高亮

jQuery实现dialog设置focus焦点的方法

JavaScript数据结构与算法之集合(Set)

javascript模拟评分控件实现方法

JavaScript检查数字是否为整数或浮点数的方法

脚本写的IE右键助手

JS或jQuery获取ASP.NET服务器控件ID的方法

删除javascript所创建子节点的方法

精品推荐
分类导航