checkbox分级操作(不同名)

最新推荐文章于 2017-09-07 11:52:21 发布

rmouse_2005

最新推荐文章于 2017-09-07 11:52:21 发布

阅读量1k

点赞数

分类专栏： JavaScript相关文章标签： input function javascript

本文链接：https://blog.csdn.net/rmouse_2005/article/details/571790

版权

JavaScript相关专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<title>CheckBox</title>
<script language=javascript defer>
var n=document.getElementsByTagName("INPUT");
var CheckBoxNum=n.length;
var SubNodeCheckSome,SameNodeCheckSome,tf,SearchNodeName,SearchParentNodeName,SameNodeNum,SubNodeCheckedNum,SameNodeCheckedNum,SubNodeNum,SubNodeCheckedTF;

function FindParentNode(SubNodeName)   //获取上级结点名，并判断是否被选中
{
tf=false;      //初始化选中状态
SearchNodeName=SubNodeName;
t=SubNodeName.lastIndexOf("_");   //判断是否存在上级结点
if(t!=-1)SearchNodeName=SubNodeName.substring(0,t); //如果存在上级结点，取得上级结点名
if(document.all(SubNodeName).checked)tf=true;  //判断结点是否被选中
return SearchNodeName;
}

if((SameNodeNum==1||SameNodeCheckedNum==0)&&(SubNodeCheckedNum==0)&&!document.all(NodeName).checked)
    SubNodeCheckedTF=true;    //判断子结点是否被选中
if((SameNodeNum>=0&&SameNodeCheckedNum<SameNodeNum)||SameNodeCheckSome>0||SubNodeCheckSome>0)
    document.all(SearchParentNodeName).indeterminate=true;//将上级选中状态改为半选
if((SameNodeCheckedNum==SameNodeNum||SameNodeCheckedNum==0)&&SubNodeCheckSome==0&&SameNodeCheckSome==0)
    document.all(SearchParentNodeName).indeterminate=false;//取消上级半选状态
return SearchParentNodeName;
}

document.οnclick=function(){if(event.srcElement.type=="checkbox")CheckAll(event.srcElement.name);}
</script><body >
<form name="f1" >
<input type="checkbox" name="bid"><br>
　<input type="checkbox" name="bid_01"><br>
　　<input type="checkbox" name="bid_01_01"><br>
　　<input type="checkbox" name="bid_01_02"><br>
　　　<input type="checkbox" name="bid_01_02_01"><br>
　　　<input type="checkbox" name="bid_01_02_02"><br>
　　　　<input type="checkbox" name="bid_01_02_02_01"><br>
　　　　<input type="checkbox" name="bid_01_02_02_02"><br>
　　　　<input type="checkbox" name="bid_01_02_02_03"><br>
　　　　　<input type="checkbox" name="bid_01_02_02_03_01"><br>
　　　　　<input type="checkbox" name="bid_01_02_02_03_02"><br>
　　　　　<input type="checkbox" name="bid_01_02_02_03_03"><br>
　　　　<input type="checkbox" name="bid_01_02_02_04"><br>
　　　<input type="checkbox" name="bid_01_02_03"><br>
　　<input type="checkbox" name="bid_01_03"><br>
　　<input type="checkbox" name="bid_01_04"><br>
　<input type="checkbox" name="bid_02"><br>
　<input type="checkbox" name="bid_03"><br>
　<input type="checkbox" name="bid_04"><br>
<hr>
<input type="checkbox" name="ent" checkmain ><br>
　<input type="checkbox" name="ent_01"><br>
　　<input type="checkbox" name="ent_01_01"><br>
　<input type="checkbox" name="ent_02"><br>
　<input type="checkbox" name="ent_03"><br>
　<input type="checkbox" name="ent_04"><br>
</form>

rmouse_2005

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
checkbox分级操作(不同名)

CheckBoxvar n=document.getElementsByTagName("INPUT");var CheckBoxNum=n.length;var SubNodeCheckSome,SameNodeCheckSome,tf,SearchNodeName,SearchParentNodeName,SameNodeNum,SubNodeCheckedNum,SameNodeChecke
复制链接

扫一扫

专栏目录