<treeview id="tvUsers" runat="server" showlines="true" showcheckboxes="All" onclick="OnTreeNodeChecked()"></treeview>
<script language="javascript" type="text/javascript">
function OnTreeNodeChecked() {
var ele = event.srcElement;
if (ele.type == 'checkbox') {
var childrenDivID = ele.id.replace('CheckBox', 'Nodes');
var div = document.getElementById(childrenDivID);
if (div != null) {
var checkBoxs = div.getElementsByTagName('INPUT');
for (var i = 0; i < checkBoxs.length; i++) {
if (checkBoxs[i].type == 'checkbox')
checkBoxs[i].checked = ele.checked;
}
}
else {
var div = GetParentByTagName(ele, 'DIV');
var checkBoxs = div.getElementsByTagName('INPUT');
var parentCheckBoxID = div.id.replace('Nodes', 'CheckBox');
var parentCheckBox = document.getElementById(parentCheckBoxID);
var notcheck = true;
for (var i = 0; i < checkBoxs.length; i++) {
if (checkBoxs[i].type == 'checkbox' && !checkBoxs[i].checked) {
notcheck = false;
}
}
parentCheckBox.checked = notcheck;
}
}
}
function GetParentByTagName(element, tagName) {
var parent = element.parentNode;
var upperTagName = tagName.toUpperCase();
while (parent && (parent.tagName.toUpperCase() != upperTagName)) {
parent = parent.parentNode ? parent.parentNode : parent.parentElement;
}
return parent;
}
</script>
分享到:
相关推荐
js实现treeview全选,javascript 脚本,加入之后轻松实现treeview的级联选中
bootstrap treeview可级联勾选结构树,共享给各位,包里面有需要用到的js,有兴趣的就下下来看看。
遍历所有直接子节点,并调整其Check状态为父节点的状态
在TreeView中实现选择父节点同时选择所有子节点,选择一个子节点同时选择其父节点,支持多级选择。取消一个子节点判断同级是否有选择,没有选择就取消父级。
TreeView树状多级级联,不想要积分,但这平台到倒闭了, 一定要积分才发出来.
收集的asp.net treeview控件的完美js级联控制代码。
具体代码如下所示: <div id=searchTree></div> [removed] var treeData = [{ text: Parent 1, nodes: [{ text: Child 1, nodes: [{ text: Grandchild 1 }, { text: Grandchild 2, ... }
TreeView Javascrip实现级联选择
js结构树的向下级联,直接调用方法即可用
C#使用winForm中TreeView实现中国城镇级联
主要为大家详细介绍了bootstrap-Treeview实现级联勾选,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收集的asp+net+treeview控件的完美js级联控制代码
实现树形结构的CheckBox的子节点选中所有父级节点,级联选择功能,内有具体案例
此为在基于Bootstrap开发的Tree View上,又加了级联选择的功能。 级联选择这一块的代码在 index.html 和 js/bootstrap-treeview-util.js 文件中。
收集的asp+net treeview控件的完美js级联控制代码 这个都是本人收藏了3年的资源 现放出 都是总结了很多系统 软件项目实施过程中的经验的 慢慢积累的
WPF、Prism实现ComboBox省市县三级级联
看到网上很多想用ajax的树的例子,很奇怪,明明TreeView自带AJAX功能,取非要自己去写一大堆代码, 工作量增加了,而性能又没有提高多少 正好自己这次用到了,就做了一个例子,供大家一起研究参考 注:顺便下载了一...
在1月3日Javascript控件基础上更新,ListBox增加了设置选择功能,TreeView增加了级联选择功能。
jQuery的高性能TreeView源码(带CheckBox) 1:支持静态的树,即一次性将全部数据加载到客户端。 2:异步树,即一次只加载一级或若干级节点,子节点可以异步加载数据。 3:Checkbox树(可能是静态树也可能是异步树...