选择TreeView控件的树状数据节点的JS方法(jquery)_Javascript教程-查字典教程网
选择TreeView控件的树状数据节点的JS方法(jquery)
选择TreeView控件的树状数据节点的JS方法(jquery)
发布时间:2016-12-30 来源:查字典编辑
摘要:方法要达到的效果是:“改变一节点的选中状态时,其后代节点选中状态也要跟随当前节点的选中状态改变而改变。当前节点选中时,其所有祖先节点也要跟着...

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

说明:树是用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;

}

}

}

);

});

});

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类