手机
当前位置:查字典教程网 >编程开发 >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)】相关文章:

脚本写的IE右键助手

Javascript中Date类型和Math类型详解

一些有关检查数据的JS代码

javascript实现表格增删改操作实例详解

理解javascript中的with关键字

Javascript类型转换的规则实例解析

实现placeholder效果的方案汇总

jquery.validate使用时遇到的问题

JS实现带缓冲效果打开、关闭、移动一个层的方法

jQuery切换所有复选框选中状态的方法

精品推荐
分类导航