2023年6月22日发(作者：)

JS实现对TreeView的全选//页⾯TreeView控件如：//⽅法⼀：最简单的全选，取消全选，没有进⾏递归，没有对⼦节点进⾏选择 function OnTreeNodeChecked1() { var ele = ment; if ( == 'checkbox') { var childrenDivID = e('CheckBox', 'Nodes'); var div = mentById(childrenDivID); if (div != null) { var checkBoxs = mentsByTagName('INPUT'); for (var i = 0; i < ; i++) { if (checkBoxs[i].type == 'checkbox') checkBoxs[i].checked = d; } } } }//调⽤⽅法在Page_Load事件中添加 ("onclick", "OnTreeNodeChecked()"); 或者OnClick="OnTreeNodeChecked1();"//也可以如：asp:TreeView ID="tvSelectUser" runat="server" ShowCheckBoxes="All" onclick=OnTreeNodeChecked1()">

　//⽅法⼆： //JS实现treeview中选中⽗节点，⼦节点也选中,如果⼦节点全部选中，⾃动选中⽗节点 //仅⽀持TreeView //调⽤⽅法 ("onclick", "OnTreeNodeChecked()"); 或者 OnClick="OnTreeNodeChecked();" function OnTreeNodeChecked()

{ var ele = ment; if(=='checkbox')

{

var childrenDivID = e('CheckBox','Nodes');

var div = mentById(childrenDivID);

if(div!=null)

{ var checkBoxs = mentsByTagName('INPUT');

for(var i=0;i<;i++)

{

if(checkBoxs[i].type=='checkbox')

checkBoxs[i].checked=d;

}

} OnTreeNodeChildChecked(ele);

}

}

function OnTreeNodeChildChecked(ele) { //递归处理 if (ele == null) { ele = ment; } var parentDiv = Element;//.Element;

var parentChkBox=mentById(e('Nodes','CheckBox')); if(parentChkBox!=null) { var ChildsChkAll=true; var Boxs = mentsByTagName('INPUT');

for(var i=0;i<;i++)

{

if(Boxs[i].type=='checkbox'&&Boxs[i].checked==false)

{ ChildsChkAll=false; } }

d=ChildsChkAll; OnTreeNodeChildChecked(parentChkBox); } }

//调⽤⽅法在Page_Load事件中添加 ("onclick", "OnTreeNodeChecked()"); 或者OnClick="OnTreeNodeChecked();"//也可以如：asp:TreeView ID="tvSelectUser" runat="server" ShowCheckBoxes="All" onclick=OnTreeNodeChecked()">

⽅法三：实现全部选中，当⼦节点没有选中时，根节点也不选中

function SelectTreeViewNodes(){ var o = ment; if (e == "INPUT" && == "checkbox") //点击treeview的checkbox是触发 { var d = ; //获得当前checkbox的id; var e = e("CheckBox", "Nodes"); //通过查看脚本信息,获得包含所有⼦节点div的id var div = mentById(e); //获得div对象 if (div != null) //如果不为空则表⽰,存在⾃节点 { var check = mentsByTagName("INPUT"); //获得div中所有的已input开始的标记 for (i = 0; i < ; i++) { if (check[i].type == "checkbox") //如果是checkbox { check[i].checked = d; //字节点的状态和⽗节点的状态相同,即达到全选 } } } else //点⼦节点的时候,使⽗节点的状态改变,即不为全选 { var divid = Element; //⼦节点所在的div var id = e("Nodes", "CheckBox"); //获得根节点的id var checkbox = mentsByTagName("INPUT"); //获取所有⼦节点数 var s = 0; for (i = 0; i < ; i++) { if (checkbox[i].checked) //判断有多少⼦节点被选中 { s++; } } if (s == ) //如果全部选中 或者 选择的是另外⼀个根节点的⼦节点 ， { // 则开始的根节点的状态仍然为选中状态 mentById(id).checked = true; } else { //否则为没选中状态 mentById(id).checked = false; } } }}