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

JHG夏天

JHG夏天

2016-02-19 13:55

今天给大家分享的是由图老师小编精心为您推荐的选择TreeView控件的树状数据节点的JS方法(jquery),喜欢的朋友可以分享一下,也算是给小编一份支持,大家都不容易啊!
方法要达到的效果是:“ 改变一节点的选中状态时,其后代节点选中状态也要跟随当前节点的选中状态改变而改变。当前节点选中时,其所有祖先节点也要跟着选中;如取消时,要根据其同级节点是否有选中时,来决定其祖先节点的选中状态。”
说明:树是用vs的TreeView控件生成的。
如图:

代码如下:

代码如下:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
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;
}
}
}
);
});
});
展开更多 50%)
分享

猜你喜欢

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

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

TreeView节点互斥,autopostback=false的方法

电脑网络
TreeView节点互斥,autopostback=false的方法

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

基于jQuery的日期选择控件下载

Web开发
基于jQuery的日期选择控件下载

VB6将XML数据传入TreeView控件

vb
VB6将XML数据传入TreeView控件

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

使用TreeView实现无限级扩展节点

电脑网络
使用TreeView实现无限级扩展节点

JS教程:详细讲解JS节点知识

Web开发
JS教程:详细讲解JS节点知识

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

"某些歌曲蓅淌著""某段回忆  - QQ伤感分组

"某些歌曲蓅淌著""某段回忆  - QQ伤感分组

基于jQuery的表单验证插件:jValidate

基于jQuery的表单验证插件:jValidate
下拉加载更多内容 ↓