本文列出了CheckBox分級選中的代碼，代碼很復雜，需要大家仔細研究一番，不過您若是明白了這部分代碼，那實現CheckBox分級選中絕不是問題。 

CheckBox分級選中的實現方法如下：

  
  
"Content-Language" content="zh-cn">  
"Content-Type" content="text/html; charset=gb2312">  
"GENERATOR" content="Microsoft FrontPage 4.0">  
"ProgId" content="FrontPage.Editor.Document">  
  
  
var n=document.getElementsByTagName("INPUT");  
var CheckBoxNum=n.length;  
var 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;  
}   
function CheckSubNode(NodeName)    //獲取結點名，并判斷子結點是否選中  
{  
  SubNodeCheckedTF=false;    //初始化子結點選中狀態  
  SubNodeNum=0;            //初始化子結點數目  
  SameNodeNum=0;        //初始化同級結點數目  
  SubNodeCheckedNum=0;        //初始化子結點被選中的數目  
  SameNodeCheckedNum=0;        //初始化同級結點被選中的數目  
  ParentNodeName=FindParentNode(NodeName);//上級結點名  
  SearchParentNodeName=NodeName;//當前結點名  
  d=NodeName.lastIndexOf("_");    //判斷是否存在上級結點  
  if(d!=-1)SearchParentNodeName=SearchParentNodeName.substring(0,d);//如果存在上級結點，取得上級結點名  
  for(i=0;i
  {  
    if(n[i].name.length==NodeName.length&&ParentNodeName==FindParentNode(n[i].name)) 字串3   
    {  
      SameNodeNum+=1;        //同級結點數目加一  
      if(n[i].checked)SameNodeCheckedNum+=1;//同級結點被選中的數目加一  
    }   
if(n[i].name.substring(0,NodeName.length)==NodeName&&n[i].name!=NodeName&&n[i].type=="checkbox")  
    {  
      SubNodeNum+=1;        //子結點數數目加一  
      if(n[i].checked)SubNodeCheckedNum+=1;//子結點被選中的數目加一  
    }  
  }   
 if((SameNodeNum==1||SameNodeCheckedNum==0)&&(SubNodeCheckedNum==0)&&!document.all(NodeName).checked)  
  {  
      SubNodeCheckedTF=true;    //判斷子結點是否被選中  
  }  
  return SearchParentNodeName;  
}   
function CheckAll(BoxName)  
{  
  SearchNodeName=BoxName;  
  SearchParentNodeName=BoxName  
  SubNodeLength=BoxName.split("_").length;   
  for(i=0;i
  {  
    if(n[i].name.substring(0,BoxName.length)==BoxName&&n[i].name!=BoxName&&n[i].type=="checkbox")  
    n[i].checked=document.all(BoxName).checked?true:false;    //選中所有子結點  
  }   
  for(j=1;j
  {  
    document.all(FindParentNode(SearchNodeName)).checked=tf?true:false;  
    document.all(CheckSubNode(SearchParentNodeName)).checked=SubNodeCheckedTF?false:true;  
  }   
}document.onclick=function(){if(event.srcElement.type=="checkbox")CheckAll(event.srcElement.name);}  
  
  
  
"f1" >  
"checkbox" name="bid">
  
　"checkbox" name="bid_01">
  
　　"checkbox" name="bid_01_01">
  
　　"checkbox" name="bid_01_02">
  
　　　"checkbox" name="bid_01_02_01">
  
　　　"checkbox" name="bid_01_02_02">
  
　　　　"checkbox" name="bid_01_02_02_01">
  
　　　　"checkbox" name="bid_01_02_02_02">
  
　　　　"checkbox" name="bid_01_02_02_03">
  
　　　　　"checkbox" name="bid_01_02_02_03_01">
  
　　　　　"checkbox" name="bid_01_02_02_03_02">
  
　　　　　"checkbox" name="bid_01_02_02_03_03">
  
　　　　"checkbox" name="bid_01_02_02_04">
  
　　　"checkbox" name="bid_01_02_03">
 　　
"checkbox" name="bid_01_03">
  
　　"checkbox" name="bid_01_04">
  
　"checkbox" name="bid_02">
  
　"checkbox" name="bid_03">
  
　"checkbox" name="bid_04">
  
  
"checkbox" name="ent" checkmain >
  
　"checkbox" name="ent_01">
  
　　"checkbox" name="ent_01_01">
  
　"checkbox" name="ent_02">
  
　"checkbox" name="ent_03">
  
　"checkbox" name="ent_04">
  
 

以上就是實現CheckBox分級選中的方法，希望能給大家帶來幫助。

【編輯推薦】

1. 簡單實現C# CheckBox單選的相關功能
2. Java與C#事件處理詳細對比
3. C#和Java詳細描述
4. 追趕C#風潮碰上的幾個問題
5. 解析C# Socket編程實現訪問網絡的原理