js checkbox的问题

我想求一段js代码可以实现
 <table><tr> 
          <td width="20%" height="20" align="left">
          <input name="selectchk" type="checkbox" /></td>
          </tr><tr><td width="20%" height="20" align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input name="selectchk2" type="checkbox" /></td>
          </tr><tr><td width="20%" height="20" align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input name="selectchk2" type="checkbox"  /></td>
          </tr><tr><td width="20%" height="20" align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input name="selectchk2" type="checkbox"  /></td>
        </tr></table>
当我选中selectchk2 下面3个中的其中一个 上面selectchk 就选中当选中selectchk 时下面selectchk2 就全选
新手 

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
      <SCRIPT LANGUAGE="JavaScript">
      <!--
    function allCheck(){
    var checkboxs = document.all("selectchk2");
    for(var i=0;i<checkboxs.length;i++){
    checkboxs[i].checked = document.all("selectchk").checked
    }
    } function subCheck(){
    var checkedCount = 0;
    var checkboxs = document.all("selectchk2");
    for(var i=0;i<checkboxs.length;i++){
    if(checkboxs[i].checked){
    checkedCount += 1;
    }
    }
    if(checkedCount >0){
    document.all("selectchk").checked = true;
    }
    else{
    document.all("selectchk").checked = false;
    }
    }
      //-->
      </SCRIPT>
     </HEAD> <BODY >
      <table> <tr> 
              <td width="20%" height="20" align="left"> 
              <input name="selectchk" type="checkbox" onclick="allCheck()"/> </td> 
              </tr> <tr> <td width="20%" height="20" align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
                <input name="selectchk2" type="checkbox" onclick="subCheck()"/> </td> 
              </tr> <tr> <td width="20%" height="20" align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
                <input name="selectchk2" type="checkbox"  onclick="subCheck()"/> </td> 
              </tr> <tr> <td width="20%" height="20" align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
                <input name="selectchk2" type="checkbox"  onclick="subCheck()"/> </td> 
            </tr> </table> 
     </BODY>
    </HTML>
      

  2.   

    <script> 
    function lookup()
    {
    var checkBoxs = document.getElementsByTagName("input");
    var values = "";
    for( var i =0; i < checkBoxs.length; i ++ )
    {
    var check = checkBoxs[i];
    if( check.type == "button" || check.value == "checkall" || !check.checked)
    {
    continue;
    }
    values += check.value + ",";
    }
    document.getElementById("option").innerHTML = "你喜欢的颜色是：" + values;
    }
     
    function selected()
    {
    var checkBoxs = document.getElementsByTagName("input");
    var isChecked = document.getElementById("allBox").checked;
    for( var i =0; i < checkBoxs.length; i ++ )
    {
    var check = checkBoxs[i];
    //if( check.type == "button" || check.value == "checkall" )
    //{
    //continue;
    //}
    check.checked = isChecked;
    }
    }
    </script>
    <body>
    <div>选择你喜欢的颜色：</div><br />
    <input type="checkbox" value="蓝色" />蓝色&nbsp;&nbsp;
    <input type="checkbox" value="红色" />红色&nbsp;&nbsp;
    <input type="checkbox" value="黑色" />黑色&nbsp;&nbsp;
    <input type="checkbox" value="白色" />白色&nbsp;&nbsp;
    <input type="checkbox" value="黄色" />黄色<br />
    <input type="checkbox" onclick="selected()" value="checkall" id="allBox" />全选&nbsp;&nbsp;
    <input type="button" name="checkout" onclick="lookup()" value="查看" /><br />
    <div id="option"></div>
    </body>