[斑竹请看]CheckBox选择问题！很实用的问题

主要是你第一部和下面的所有章有某种关联的关系,比如通过name判断,不是很难的问题

解决方案 »

  1.   

    function CheckGroup( name , b )
    {
    for( i = 0; i < document.Form1.elements.length; i++ )
    {
    curObj = document.Form1.elements(i);

    if( curObj.type != "checkbox" ) continue;

    //alert(curObj.name.indexOf(name))
    if( curObj.name.indexOf(name) !=-1 )
    curObj.checked = b ;
    }
    }
      

  2.   

    只要checkbox的name起的有规律就ok了
    b是你控制checkbox的选中状态
      

  3.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无文档</title>
    <SCRIPT type="text/javaScript">
    function aa(){
        var a=document.getElementsByTagName("input")
    for(var i=0;i<a.length;i++){
    if(a[i].type=="checkbox"){
    a[i].checked=true;
    }
    }
    }
    function bb(pa){ 
       var a=pa.parentNode;   var b=a.childNodes.length
        for(var i=0;i<b;i++){
    if(a.childNodes[i].type=="checkbox"){
    a.childNodes[i].checked=true;
    } }
        
    }
    </SCRIPT>
    </head><body>
    <form id="form1" name="form1" method="post" action="">
      <p>
        <input type="checkbox" name="checkbox4" value="checkbox" onclick="aa()">
        all<br>
    <div id='aaa'>
    <input type="checkbox" name="checkbox" value="checkbox" onclick="bb(this)">
    1<br>
      &nbsp;&nbsp;
      <input type="checkbox" name="checkbox2" value="checkbox" >
    1a
      <br>
      &nbsp;&nbsp;
      <input type="checkbox" name="checkbox3" value="checkbox" >
       1b
       </div>
       <br>
        <div id='bbb'>
        <input type="checkbox" name="checkbox" value="checkbox" onclick="bb(this)">
       2<br>
      &nbsp;&nbsp;
      <input type="checkbox" name="checkbox2" value="checkbox" >
       2a
      <br>
      &nbsp;&nbsp;
      <input type="checkbox" name="checkbox3" value="checkbox">
        2b
    </div>
    <br>
    </p>
    </form>
    </body>
    </html>
      

  4.   

    mingxuan3000(铭轩)非常谢谢您，就是这样的效果，但是还有一点，把all不勾选后下面的都去掉，1，2类似！！还有能不能当勾选1的时候才把1a,1b显示出来？
      

  5.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无文档</title>
    <SCRIPT type="text/javaScript">
    function aa(){
        var a=document.getElementsByTagName("input")
    for(var i=0;i<a.length;i++){
    if(a[i].type=="checkbox"){
    a[i].checked=true;
    }
    }
    }
    function bb(pa){ 
       var a=pa.parentNode;   var b=a.childNodes.length
       var c=document.getElementsByTagName("input")
    for(var i=0;i<c.length;i++){
    if(c[i].type=="checkbox"){
    c[i].checked=false;
    }
    }
        for(var i=0;i<b;i++){
    if(a.childNodes[i].type=="checkbox"){
    a.childNodes[i].checked=true;
    } }
        
    }
    </SCRIPT>
    </head><body>
    <form id="form1" name="form1" method="post" action="">
      <p>
        <input type="checkbox" name="checkbox4" value="checkbox" onclick="aa()">
        all<br>
    <div id='aaa'>
    <input type="checkbox" name="checkbox" value="checkbox" onclick="bb(this)">
    1<br>
      &nbsp;&nbsp;
      <input type="checkbox" name="checkbox2" value="checkbox" >
    1a
      <br>
      &nbsp;&nbsp;
      <input type="checkbox" name="checkbox3" value="checkbox" >
       1b
       </div>
       <br>
        <div id='bbb'>
        <input type="checkbox" name="checkbox" value="checkbox" onclick="bb(this)">
       2<br>
      &nbsp;&nbsp;
      <input type="checkbox" name="checkbox2" value="checkbox" >
       2a
      <br>
      &nbsp;&nbsp;
      <input type="checkbox" name="checkbox3" value="checkbox">
        2b
    </div>
    <br>
    </p>
    </form>
    </body>
    </html>
      

  6.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无文档</title>
    <SCRIPT type="text/javaScript">
    function aa(){
        var a=document.getElementsByTagName("input")
    for(var i=0;i<a.length;i++){
    if(a[i].type=="checkbox"){
        if(document.getElementsByName("checkbox4")[0].checked==true){
    a[i].checked=true;
    }else{
    a[i].checked=false;
    }
    }
    }
    }
    function bb(pa){ 
       var a=pa.parentNode;   var b=a.childNodes.length
       var c=document.getElementsByTagName("input")
    for(var i=0;i<c.length;i++){
    if(c[i].type=="checkbox"){
    c[i].checked=false;
    }
    }
        for(var i=0;i<b;i++){
    if(a.childNodes[i].type=="checkbox"){
    a.childNodes[i].checked=true;
    } }
        
    }
    </SCRIPT>
    </head><body>
    <form id="form1" name="form1" method="post" action="">
      <p>
        <input type="checkbox" name="checkbox4" value="checkbox" onclick="aa()">
        all<br>
    <div id='aaa'>
    <input type="checkbox" name="checkbox" value="checkbox" onclick="bb(this)">
    1<br>
      &nbsp;&nbsp;
      <input type="checkbox" name="checkbox2" value="checkbox" >
    1a
      <br>
      &nbsp;&nbsp;
      <input type="checkbox" name="checkbox3" value="checkbox" >
       1b
       </div>
       <br>
        <div id='bbb'>
        <input type="checkbox" name="checkbox" value="checkbox" onclick="bb(this)">
       2<br>
      &nbsp;&nbsp;
      <input type="checkbox" name="checkbox2" value="checkbox" >
       2a
      <br>
      &nbsp;&nbsp;
      <input type="checkbox" name="checkbox3" value="checkbox">
        2b
    </div>
    <br>
    </p>
    </form>
    </body>
    </html>
      

  7.   

    如果量不是很大，可以投机
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head>
    <script language=javascript>
    function selectCheck(obj)
    {
    var objValue=obj.checked
    var re=new RegExp("^"+obj.name)
    var objs=document.getElementsByTagName("input")
    for(var i=0;i<objs.length;i++)
    {
    if((objs[i].type="checkbox")&&(re.test(objs[i].name)))
    {
    objs[i].checked=objValue
    }
    }
    }
    </script><body>
    <form id="form1" name="form1" method="post" action="">
      <p>
        <input type="checkbox" name="checkbox1" value="checkbox" onclick="selectCheck(this)"/>
        全选<br />
        <input type="checkbox" name="checkbox11" value="checkbox" onclick="selectCheck(this)"/>
        第一部<br />
      &nbsp;&nbsp;
      <input type="checkbox" name="checkbox111" value="checkbox" onclick="selectCheck(this)"/>
        第一章
      <br />
      &nbsp;&nbsp;
      <input type="checkbox" name="checkbox112" value="checkbox" onclick="selectCheck(this)"/>
        第二章<br />
        <input type="checkbox" name="checkbox12" value="checkbox" onclick="selectCheck(this)"/>
        第二部<br />
      &nbsp;&nbsp;
      <input type="checkbox" name="checkbox121" value="checkbox" onclick="selectCheck(this)"/>
        第三章
      <br />
      &nbsp;&nbsp;
      <input type="checkbox" name="checkbox122" value="checkbox" onclick="selectCheck(this)"/>
        第四章<br />
    </p>
    </form>
    </body>
    </html>
      

  8.   

    您误会我的意思了1、选all，下面的所有都选上，在点all，下面的所有都取消2、选a，下面的1a，1b选上，在点a，下面的1a，1b取消；b同理，两个是同一级别的，没有关系，不是选a后b中的取消掉 3、能不能选a后在显示出1a，1b，就是说在不选a的时候下面的子checkbox隐藏
    我给您发了信息
      

  9.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无文档</title>
    <SCRIPT type="text/javaScript">
    function aa(){
        var a=document.getElementsByTagName("input")
    for(var i=0;i<a.length;i++){
    if(a[i].type=="checkbox"){
        if(document.getElementsByName("checkbox4")[0].checked==true){
    a[i].checked=true;
    }else{
    a[i].checked=false;
    }
    }
    }
    }
    function bb(pa){ 
       var a=pa.parentNode;   var b=a.childNodes.length    for(var i=0;i<b;i++){
    if(a.childNodes[i].type=="checkbox"){
    if(pa.checked==true){
    a.childNodes[i].checked=true;

    }else{
    a.childNodes[i].checked=false;
    }
    } }
        
    }
    </SCRIPT>
    </head><body>
    <form id="form1" name="form1" method="post" action="">
      <p>
        <input type="checkbox" name="checkbox4" value="checkbox" onclick="aa()">
        all<br>
    <div id='aaa'>
    <input type="checkbox" name="checkbox" value="checkbox" onclick="bb(this)">
    1<br>
      &nbsp;&nbsp;
      <input type="checkbox" name="checkbox2" value="checkbox" >
    1a
      <br>
      &nbsp;&nbsp;
      <input type="checkbox" name="checkbox3" value="checkbox" >
       1b
       </div>
       <br>
        <div id='bbb'>
        <input type="checkbox" name="checkbox" value="checkbox" onclick="bb(this)">
       2<br>
      &nbsp;&nbsp;
      <input type="checkbox" name="checkbox2" value="checkbox" >
       2a
      <br>
      &nbsp;&nbsp;
      <input type="checkbox" name="checkbox3" value="checkbox">
        2b
    </div>
    <br>
    </p>
    </form>
    </body>
    </html>再有问题你自己改 吧
      

  10.   

    mingxuan3000(铭轩) ( ) 信誉：100    Blog 
    ------------------------------------------------
    强...