<div class="Search_control_body_Big_Pop2_wrod_checkbox">
                            <input type="checkbox" name="test" value="全部" /></div>    
                            </div>
                            <div class="Search_control_body_Big_Pop2_wrod_checkbox">
                            <input type="checkbox" name="test" value="B"/></div>
                            </div>                            <div class="Search_control_body_Big_Pop2_wrod_checkbox">
                            <input type="checkbox" name="test" value="C"/></div>
                            </div>       
有3个checkBox ,如果B和C已选的话,点击全部的时候B和C取消,当点B或C其中的一个的时候,全部取消选中,请问该怎么实现呢??请教高人解答

解决方案 »

  1.   

    <!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=utf-8" />
      <title></title>
      
    </head>
    <body>
    <div class="Search_control_body_Big_Pop2_wrod_checkbox">
    <input id="all" type="checkbox" name="test" value="全部" /></div>    
    </div>
    <div class="Search_control_body_Big_Pop2_wrod_checkbox">
    <input id="b" type="checkbox" name="test" value="B"/></div>
    </div> <div class="Search_control_body_Big_Pop2_wrod_checkbox">
    <input id="c" type="checkbox" name="test" value="C"/></div>
    </div>      
      <script type="text/javascript">
    var all = document.getElementById('all'),
    b = document.getElementById('b'),
    c = document.getElementById('c');

    all.onclick = function(){
    if(b.checked && c.checked){
    b.checked = false;
    c.checked = false;
    }
    };

    b.onclick = c.onclick = function(){
    all.checked = false;
    };
      </script>
    </body>
    </html>
      

  2.   

    加上id好控制一些,楼上方法OK的