摘要:ASP.NET TreeView控件父子勾选框联动勾选
后置代码: this.TreeView1.Attributes.Add("onclick", "CheckEvent();");
JS 代码:
function setParentState(objNode) {
?? var objParentDiv = WebForm_GetParentByTagName(objNode, "div");
?? if (objParentDiv == null || objParentDiv == "undefined")
?????? return;
?? var divID = objParentDiv.getAttribute("ID");
?? var prefix = divID.substring(0, divID.indexOf("Nodes"));
?? var parentID = prefix + "CheckBox";
?? var parentChk = document.getElementById(parentID);
?? if (parentChk == null || parentChk == "undefined")
?????? return;
?? if (objNode.checked) {
?????? parentChk.checked = true;
?? }
?? else {
?????? if (isAllChildrenUnChecked(parentChk)) {
?????????? parentChk.checked = false;
?????? }
?? }
?? setParentState(parentChk);
}
function setChildState(objNode)//设定子控件状态
{
?? var nodeID = objNode.getAttribute("ID");?? //chkBox ID
?? var prefix = nodeID.substring(0, nodeID.indexOf("CheckBox"));? //节点的前缀
?? var childrenDiv = document.getElementById(prefix + "Nodes");
?? if (childrenDiv == null || childrenDiv == "undefined")
?????? return;
?? var childrenArray = childrenDiv.children; //取得所有子控件
?? for (var i = 0; i
?????? var container = childrenArray[i]; //子控件的容器
?????? var chk = WebForm_GetElementByTagName(container, "input"); //查找Check控件,由于只有一个种Input控件,就是CheckBox
?????? chk.checked = objNode.checked;
?????? setChildState(chk);
?? }
}
function isAllChildrenUnChecked(objChk) {
?? var objChkID = objChk.getAttribute("ID");
?? var prefix = objChkID.substring(0, objChkID.indexOf("CheckBox"));? //节点的前缀
?? var childrenDiv = document.getElementById(prefix + "Nodes");
?? if (childrenDiv == null || childrenDiv == "undefined")
?????? return;
?? var childrenArray = childrenDiv.children; //取得所有子控件
?? for (var i = 0; i
?????? var container = childrenArray[i]; //子控件的容器
?????? var chk = WebForm_GetElementByTagName(container, "input"); //查找Check控件,由于只有一个种Input控件,就是CheckBox
?????? if (chk.checked)
?????????? return false;
?? }
?? return true;
}
//触发事件
function CheckEvent() {
?? var objNode = event.srcElement;
?? if (objNode.tagName != "INPUT" || objNode.type != "checkbox")
?????? return;
?? //设定子Chk状态
?? setChildState(objNode);
?? //设定父Chk状态
?? setParentState(objNode);
}
原文:大专栏 ASP.NET TreeView控件父子勾选框联动勾选
原文地址：https://www.cnblogs.com/chinatrump/p/11505559.html