有没有办法将<div></div>里面的所有checkbox 都打上钩??

<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>测试页</title>
</head><body>
<form name=form1>
 <div id="div1">
 aaa<input type=checkbox><input type=checkbox><input type=checkbox><input type=checkbox>
 </div>
 <input name="t1">
 <input name="t2">
 <input value="全选DIV中checkbox" type=button onclick="return check()">
</form>
<script language="javascript">
<!--
function check()
{
var d=document.getElementById("div1");
var c=d.childNodes.length
for(var k=1;k<c;k++)
{
  if(d.childNodes[k].tagName=="INPUT")
    {
      if(d.childNodes[k].type=="checkbox")
       {
        d.childNodes[k].checked=true;
       }
     }
}}
//-->
</script></body></html>

解决方案 »

  1.   

    将所有div域内的checkbox全选<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META http-equiv=Content-Type content="text/html; charset=gb2312">
    <META NAME="Author" CONTENT="Seagle.K">
    <STYLE TYPE="text/css"></STYLE>
    <SCRIPT LANGUAGE="JavaScript">
    function checkall(tag)
    {
    var o = document.all;
    for (var i=0; i<o.length; i++)
    {
    if (o[i].tagName.toLowerCase() == tag.toLowerCase())
    {
    var oSon = o[i].all;
    for (var j=0;j<oSon.length;j++)
    {
    if (oSon[j].tagName.toLowerCase() == 'input' && oSon[j].type.toLowerCase() == 'checkbox')
    {
    oSon[j].checked = true;
    }
    }
    }
    }
    }
    </SCRIPT>
    </HEAD>
    <BODY>
    <FORM METHOD=POST ACTION="">
    <div style="border:1px solid black">
    <INPUT TYPE="checkbox" NAME="chk1">
    <INPUT TYPE="checkbox" NAME="chk2">
    <INPUT TYPE="checkbox" NAME="chk3">
    <INPUT TYPE="checkbox" NAME="chk4">
    </div>
    <INPUT TYPE="checkbox" NAME="chk21">
    <INPUT TYPE="checkbox" NAME="chk22">
    <div style="border:1px solid black">
    <INPUT TYPE="checkbox" NAME="chk31">
    <INPUT TYPE="checkbox" NAME="chk32">
    </div>
    </FORM>
    <INPUT TYPE="button" VALUE="all check" ONCLICK="checkall('div')">
    </BODY>
    </HTML>
      

  2.   

    <html>
    <head>
    <script language="javascript">
    function check()
    {
    var d=document.getElementById("div1");
    var c=d.childNodes.length
      for(var k=1;k<c;k++){
        if(d.childNodes[k].type=="checkbox"){
              d.childNodes[k].checked=true;
        }
      }
    }
    </script>
    </head><body>
     <div id="div1">
         <input type=checkbox><input type=checkbox><input type=checkbox><input type=checkbox>
     </div>
     <input value="全选DIV中checkbox" type=button onclick="return check()">
    </body>
    </html>
      

  3.   

    <body>
    <script language="javascript">
    function sltchkbox(){
    var div=document.getElementById("div1");
    var els=div.getElementsByTagName("input");
    for(var i=0;i<els.length;i++){
    if(els[i].type=="checkbox") els[i].checked=true;
    }
    }
    </script>
    <form name="form1" id="form1" method="post" action="">
    <div id="div1">
      <select name="select">
        <option>0</option>
      </select>
    <input type="checkbox" />
    <input type="checkbox" />
    <input type="button" />
    <input type="radio" />
    <input type="text" />
    <input type="checkbox" />
    <input type="checkbox" />
    <input type="checkbox" />
    </div>
    <a href="javascript:sltchkbox();">选中</a>
    </form>
    </body>
      

  4.   

    有趣：
    <body>
    <script language="javascript">
    function sltchkbox(){
    var div=document.getElementById("div1");
    for(var i=0;i<div.all.length;i++){
    if(div.all(i).type=="checkbox") div.all(i).checked=true;
    }
    }
    </script>
    <form name="form1" id="form1" method="post" action="">
    <div id="div1">
      <select name="select">
        <option>0</option>
      </select>
    <input type="checkbox" />
    <input type="checkbox" />
    <input type="button" />
    <input type="radio" />
    <input type="text" />
    <input type="checkbox" />
    <input type="checkbox" />
    <input type="checkbox" />
    </div>
    <a href="javascript:sltchkbox();">选中</a>
    </form>
    </body>