选择TreeView控件的树状数据节点的JS方法(jquery)
2010-02-06 00:00
956 查看
方法要达到的效果是:“ 改变一节点的选中状态时,其后代节点选中状态也要跟随当前节点的选中状态改变而改变。当前节点选中时,其所有祖先节点也要跟着选中;如取消时,要根据其同级节点是否有选中时,来决定其祖先节点的选中状态。”
说明:树是用vs的TreeView控件生成的。
如图:
代码如下:
说明:树是用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; } } } ); }); });
相关文章推荐
- jQuery方法原生js实现 --- siblings兄弟节点
- 纯js与jquery两种方法,获得某元素同级节点内容,进行值替换
- 子节点 和 js 选择和jquery选择
- jQuery实现在下拉列表选择时获取json数据的方法
- js获取TreeView控件选中节点的Text和Value值的方法
- JS添加节点方法与JQuery添加节点方法的比较及总结
- jQuery编程基础精华02(属性、表单过滤器,元素的each,表单选择器,子元素过滤器(*),追加方法,节点,样式操作)
- JS中选择被选中的单选框radio和jQuery选择被选中的单选框的方法以及简单的数字加减
- jQuery插件zTree实现获取一级节点数据的方法
- JS&jQuery高级02(获取数据:AJAX方法)
- 使用jquery.form.js的ajaxsubmit方法提交数据的Bug
- 使用js的ajax方法读取txt文本里面的JSON数据并追加到Html元素节点上
- 4.2、JS——var 数据类型 节点标签属性操作 动态获取方法
- jQuery第二课 ——节点选择、元素创建与操作、包装对象、jq转原生js
- js和jquery在操作dom节点时各自的方法
- 总结一下jQuery操作元素节点的方法(创建、选择、插入节点)
- jQuery编程基础精华02(属性、表单过滤器,元素的each,表单选择器,子元素过滤器(*),追加方法,节点,样式操作)
- js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
- bootstrap jQuery Ztree异步载入数据,check选择&可加入、改动、删除节点