TreeView CheckBox全选 以及获取选中的值
2011-11-30 15:52
447 查看
//JS实现treeview中选中父节点,子节点也选中,如果子节点全部选中,自动选中父节点
//仅支持TreeView
//调用方法 TreeView.Attributes.Add("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);
}
}
///////////////////////////////////////////////////////////////////////////////////////////
以下是递归循环遍历所有 被选中的节点,并把选中的信息 放在StringBuilder 里面
调用方法 GetSelectedNode(null);
public StringBuilder ff = new StringBuilder();
private void GetSelectedNode(TreeNode pNode)
{
if (pNode == null)
{
foreach (TreeNode node in TreeView1.Nodes)
{
if (node.Checked == true)
{
ff.Append(node.Value);
ff.Append("-");
ff.Append(node.Text);
}
GetSelectedNode(node);
}
}
else
{
foreach (TreeNode node in pNode.ChildNodes)
{
if (node.Checked == true)
{
ff.Append(node.Value);
ff.Append("-");
ff.Append(node.Text);
}
GetSelectedNode(node);
}
}
}
//仅支持TreeView
//调用方法 TreeView.Attributes.Add("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);
}
}
///////////////////////////////////////////////////////////////////////////////////////////
以下是递归循环遍历所有 被选中的节点,并把选中的信息 放在StringBuilder 里面
调用方法 GetSelectedNode(null);
public StringBuilder ff = new StringBuilder();
private void GetSelectedNode(TreeNode pNode)
{
if (pNode == null)
{
foreach (TreeNode node in TreeView1.Nodes)
{
if (node.Checked == true)
{
ff.Append(node.Value);
ff.Append("-");
ff.Append(node.Text);
}
GetSelectedNode(node);
}
}
else
{
foreach (TreeNode node in pNode.ChildNodes)
{
if (node.Checked == true)
{
ff.Append(node.Value);
ff.Append("-");
ff.Append(node.Text);
}
GetSelectedNode(node);
}
}
}
相关文章推荐
- jQuery实现CheckBox全选、全不选以及获取选中的值
- 【JavaScript】CheckBox复选框全选以及获取值
- ASPxGridView实现checkbox全选反选(自带的ShowSelectCheckBOx)并获取选中checkbox对应的值集合
- 关于Winform下,获取Treeview中CheckBox选中项的技巧
- jquery 循环获取checkBox的值,以及对复选框选中,取消,操作按钮
- 全选、全不选以及获取选中的值
- jquey操作checkbox,全选,单击,获取值,单击文字选中复选框
- JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值
- html,javaScript中怎么控制复选框checkbox的全选,全不选,以及全选中,全选按钮选中,其中一个或者多个没选,则全选按钮不被选中
- 如何用jquery实现checkbox的全选、反选、取消反选,以及如何得到选中的checkbox的值
- 实现当TreeView中父节点的CheckBox的点选状态改变时,回发服务器端,并且选中父节点,所有子节点全选中
- JQuery checkBox 全选 、获取选中的个数
- 一起谈.NET技术,关于Winform下,获取Treeview中CheckBox选中项的技巧
- jquery checkbox选中状态以及实现全选反选
- JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值
- asp.net TreeView的选中CheckBox触发事件(父对象选中子对象全选)
- html,javaScript中怎么控制复选框checkbox的全选,全不选,以及全选中,全选按钮选中,其中一个或者多个没选,则全选按钮不被选中
- 实现Treeview 的Checkbox选中根枝叶全选中
- dView实现checkbox全选反选(自带的ShowSelectCheckBOx)并获取选中checkbox对应的值集合
- JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值