手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js实现权限树的更新权限时的全选全消功能
js实现权限树的更新权限时的全选全消功能
摘要:复制代码代码如下://JScript文件functiongetParentByTagName(element,tagName){varpar...

复制代码 代码如下:

// JScript 文件

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;

}

function setParentChecked(objNode)

{

var objParentDiv = getParentByTagName(objNode,"div");

if(objParentDiv == null || objParentDiv == "undefined")

return;

var objID = objParentDiv.getAttribute("ID");

var objParentCheckBox = document.getElementById(objID.replace("Nodes","CheckBox"));

if(objParentCheckBox == null || objParentCheckBox == "undefined")

return;

if(objParentCheckBox.tagName!="INPUT" && objParentCheckBox.type == "checkbox")

return;

//add

// if (objNode.checked=false) objPraentCheckBox.checked=false;

// objParentCheckBox.checked = true;

setParentChecked(objParentCheckBox);

}

function setParentUnChecked(objNode)

{

var objParentDiv = getParentByTagName(objNode,"div");

if(objParentDiv == null || objParentDiv == "undefined")

return;

var objID = objParentDiv.getAttribute("ID");

var objParentCheckBox = document.getElementById(objID.replace("Nodes","CheckBox"));

if(objParentCheckBox == null || objParentCheckBox == "undefined")

return;

if(objParentCheckBox.tagName!="INPUT" && objParentCheckBox.type == "checkbox")

return;

//add

// if (objNode.checked=false) objPraentCheckBox.checked=false;

objParentCheckBox.checked = false;

setParentUnChecked(objParentCheckBox);

}

function setChildCheckedState(div,state)

{

var objchild = div.childNodes;

var count = objchild.length;

for(var i=0;i<objchild.length;i++)

{

var tempObj = objchild[i];

if(tempObj.tagName=="INPUT" && tempObj.type == "checkbox")

{

tempObj.checked = state;

}

// debugger;

setChildCheckedState(tempObj,state);

}

}

function TreeNodeChecked()

{

var objNode = window.event.srcElement;

if(objNode.tagName!="INPUT" || objNode.type!="checkbox")

return;

// debugger;

if(objNode.checked == true)

{

setParentChecked(objNode);

}

else

{

setParentUnChecked(objNode);

}

var objID = objNode.getAttribute("ID");

var objParentDiv = document.getElementById(objID.replace("CheckBox","Nodes"));

if(objParentDiv==null || typeof(objParentDiv) == "undefined")

return;

setChildCheckedState(objParentDiv,objNode.checked);

}

function SetTreeNodeChecked(objNode1)

{

var objNode =objNode1;

var objID = objNode.getAttribute("ID");

var objParentDiv = document.getElementById(objID.replace("CheckBox","Nodes"));

if(objParentDiv==null || typeof(objParentDiv) == "undefined")

return;

setChildCheckedState(objParentDiv,objNode.checked);

}

function GetYHQS(id)

{

PageMethods.CallYHQX(id,callsuccessed);

}

function callsuccessed(result)

{

// //循环页面

//debugger;

for (i=0;i<document.form1.length ;i++)

{

var objNode=document.form1.elements[i];

if (objNode.tagName=="INPUT" && objNode.type=="checkbox")

{

objNode.checked=false;

}

}

for (i=0;i<document.form1.length ;i++)

{

var objNode=document.form1.elements[i];

if (objNode.tagName=="INPUT" && objNode.type=="checkbox")

{

//找到

//比较

if (result.indexOf(objNode.title)!=-1)

{

objNode.checked=true;

SetTreeNodeChecked(objNode);

}

}

}

}

function test()

{

debugger;

//循环页面

for (i=0;i<document.form1.length ;i++)

{

var objNode=document.form1.elements[i];

if (objNode.tagName=="INPUT" && objNode.type=="checkbox")

{

//找到

//比较

objNode.checked=true;

}

}

}

【js实现权限树的更新权限时的全选全消功能】相关文章:

javascript实现youku的视频代码自适应宽度

js实现简单div拖拽功能实例

jQuery实现鼠标经过图片变亮其他变暗效果

js实现div层缓慢收缩与展开的方法

javascript实现仿腾讯游戏选择

JQuery实现带排序功能的权限选择实例

jquery实现用户打分评分特效

javascript实现简单的进度条

js实现带按钮的上下滚动效果

js实现文本框选中的方法

精品推荐
分类导航