方法一:最简单的全选,取消全选
//------------------------------------------------------------------------------------------------------
方法二:
//JS实现treeview中选中父节点,子节点也选中,如果子节点全部选中,自动选中父节点
//仅支持TreeView
//调用方法 TreeView.Attributes.Add("onclick", "OnTreeNodeChecked()"); 或者 OnClick="OnTreeNodeChecked();"
代码
function OnTreeNodeChecked()
{
var ele = event.srcElement;
if(ele.type=='checkbox')
{
var childrenDivID = ele.id.replace('CheckBox','Nodes');
var div = document.getElementById(childrenDivID);
if(div!=null)
{
var checkBoxs = div.getElementsByTagName('INPUT');
for(var i=0;i<checkBoxs.length;i++)
{
if(checkBoxs[i].type=='checkbox')
checkBoxs[i].checked=ele.checked;
}
}
}
}
{
var ele = event.srcElement;
if(ele.type=='checkbox')
{
var childrenDivID = ele.id.replace('CheckBox','Nodes');
var div = document.getElementById(childrenDivID);
if(div!=null)
{
var checkBoxs = div.getElementsByTagName('INPUT');
for(var i=0;i<checkBoxs.length;i++)
{
if(checkBoxs[i].type=='checkbox')
checkBoxs[i].checked=ele.checked;
}
}
}
}
//------------------------------------------------------------------------------------------------------
方法二:
//JS实现treeview中选中父节点,子节点也选中,如果子节点全部选中,自动选中父节点
//仅支持TreeView
//调用方法 TreeView.Attributes.Add("onclick", "OnTreeNodeChecked()"); 或者 OnClick="OnTreeNodeChecked();"
代码
function OnTreeNodeChecked()
{
var ele = event.srcElement;
if(ele.type=='checkbox')
{
var childrenDivID = ele.id.replace('CheckBox','Nodes');
var div = document.getElementById(childrenDivID);
if(div!=null)
{
var checkBoxs = div.getElementsByTagName('INPUT');
for(var i=0;i<checkBoxs.length;i++)
{
if(checkBoxs[i].type=='checkbox')
checkBoxs[i].checked=ele.checked;
}
}
OnTreeNodeChildChecked(ele);
}
}
function OnTreeNodeChildChecked(ele)
{
//递归处理
var parentDiv=ele.parentElement.parentElement.parentElement.parentElement.parentElement;
var parentChkBox=document.getElementById(parentDiv.id.replace('Nodes','CheckBox'));
if(parentChkBox!=null)
{
var ChildsChkAll=true;
var Boxs = parentDiv.getElementsByTagName('INPUT');
for(var i=0;i<Boxs.length;i++)
{
if(Boxs[i].type=='checkbox'&&Boxs[i].checked==false)
{
ChildsChkAll=false;
}
}
parentChkBox.checked=ChildsChkAll;
OnTreeNodeChildChecked(parentChkBox);
}
}
{
var ele = event.srcElement;
if(ele.type=='checkbox')
{
var childrenDivID = ele.id.replace('CheckBox','Nodes');
var div = document.getElementById(childrenDivID);
if(div!=null)
{
var checkBoxs = div.getElementsByTagName('INPUT');
for(var i=0;i<checkBoxs.length;i++)
{
if(checkBoxs[i].type=='checkbox')
checkBoxs[i].checked=ele.checked;
}
}
OnTreeNodeChildChecked(ele);
}
}
function OnTreeNodeChildChecked(ele)
{
//递归处理
var parentDiv=ele.parentElement.parentElement.parentElement.parentElement.parentElement;
var parentChkBox=document.getElementById(parentDiv.id.replace('Nodes','CheckBox'));
if(parentChkBox!=null)
{
var ChildsChkAll=true;
var Boxs = parentDiv.getElementsByTagName('INPUT');
for(var i=0;i<Boxs.length;i++)
{
if(Boxs[i].type=='checkbox'&&Boxs[i].checked==false)
{
ChildsChkAll=false;
}
}
parentChkBox.checked=ChildsChkAll;
OnTreeNodeChildChecked(parentChkBox);
}
}