> 웹 프론트엔드 > JS 튜토리얼 > TreeView 비새로 고침 확장 예제 code_javascript 기술의 Javascript 구현

TreeView 비새로 고침 확장 예제 code_javascript 기술의 Javascript 구현

WBOY
풀어 주다: 2016-05-16 17:28:52
원래의
1182명이 탐색했습니다.
코드 복사 코드는 다음과 같습니다.

function public_GetParentByTagName(element, tagName)
{
var parent = element.parentNode;
var upperTagName = tagName.toUpperCase()
//이 요소를 원하지 않는 경우 아직 원하는 태그까지 계속 추적하세요
while (parent && (parent.tagName.toUpperCase() != upperTagName))
{
parent = parent.parentNode ? parent.parentElement;
}
상위 노드 반환
}
//노드의 상위 노드 설정 Cheched - 노드에 액세스할 수 있으면 해당 상위 노드에도 액세스할 수 있어야 합니다.
function setParentChecked(objNode)
{
var objParentDiv = public_GetParentByTagName(objNode,"div");
if(objParentDiv==null || objParentDiv == "정의되지 않음")
{

}
var objID = objParentDiv.getAttribute("ID");
objID = objID.substring(0,objID.indexOf("Nodes"));
objID = objID "CheckBox"
var objParentCheckBox; . getElementById(objID);
if(objParentCheckBox==null || objParentCheckBox == "정의되지 않음")
{
return;
}
if(objParentCheckBox.tagName!="INPUT" && objParentCheckBox.type == "checkbox")
return;
objParentCheckBox.checked = true;
setParentChecked(objParentCheckBox);
}
//노드의 하위 노드를 선택하지 않도록 설정합니다. 액세스할 수 없으면 해당 하위 노드에도 액세스할 수 없습니다.
function setChildUnChecked(divID)
{
var objchild = divID.children;
var count = objchild.length
for(var i =0 ;i {
var tempObj = objchild[i];
if(tempObj.tagName=="INPUT" && tempObj.type == "checkbox")
, 그러면 해당 하위 노드도
function setChildChecked(divID)
{
var objchild = divID.children;
var count = objchild.length; for(var i=0 ; i {
var tempObj = objchild[i];
if(tempObj.tagName=="INPUT" && tempObj.type == "checkbox")
{ Tempobj.chcked = TRUE;
}
Setchildchecked (tempobj)
}
}> // 이벤트 트리거
함수 Chevent ()
{ var objNode = event.srcElement;
if(objNode.tagName!="INPUT" || objNode.type!="checkbox")
return
if(objNode.checked==true)
{
setParentChecked(objNode);
var objID = objNode.getAttribute("ID");
var objID = objID.substring(0,objID.indexOf("CheckBox")); > var objParentDiv = document.getElementById(objID "Nodes");
if(objParentDiv==null || objParentDiv == "undefine")
{
} return;
}
else
{
var objID = objNode.getAttribute("ID");
var objID = objID.substring(0,objID.indexOf("CheckBox"))
var objParentDiv = document.getElementById(objID "노드");
        if(objParentDiv==null || objParentDiv == "정의되지 않음")                                       UnChecked(objParentDiv); 🎜> }
}


서버 제어



코드 복사
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿