TreeView 컨트롤 의 트 리 데이터 노드 를 선택 하 는 JS 방법(jquery)

방법 이 달성 하고 자 하 는 효 과 는'한 노드 의 선택 상 태 를 바 꿀 때 그 다음 세대 노드 의 선택 상태 도 현재 노드 의 선택 상태 에 따라 바 뀌 어야 한다.현재 노드 가 선택 되 었 을 때 모든 조상 노드 도 따라 선택 해 야 합 니 다."취소 할 때 같은 등급 의 노드 가 선택 되 었 는 지 여부 에 따라 조상 노드 의 선택 상 태 를 결정 해 야 합 니 다."설명:트 리 는 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;
}
}
}
);
});
});

좋은 웹페이지 즐겨찾기