window.onload=function()
{
    var  b1=document.getElementById('bt1');
    var  iv=document.getElementById('div1');
    var  ch1=iv.getElementsByTagName('input');    b1.onclick=function()
{
for(var i=0, l = ch1.length; i<l; ++i)
ch1[i].checked=true;
};
};

解决方案 »

  1.   

    <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="utf-8">
        </head>
     
    <script>
        window.onload=function()
    {
     
        var  b1=document.getElementById('bt1');
        var  iv=document.getElementById('div1');
        var  ch1=iv.getElementsByTagName('input');
     
        b1.onclick=function()
    {
    for(var i=0;i<ch1.length;i++)
        ch1[i].checked=true;
    };
    };
     </script>
     
     
     
     
        <body>
     
            <input id="bt1" type="button" value="全选" />
    <div id="div1">
            <input type="checkbox"  /><br>
            <input type="checkbox"  /><br>
            <input type="checkbox"  /><br>
            <input type="checkbox"  /><br>
            <input type="checkbox"  /><br>
            <input type="checkbox"  /><br>
            <input type="checkbox"  /><br>
            <input type="checkbox"  /><br>
            <input type="checkbox"  /><br>
    </div>
         
        </body>
    </html>
      

  2.   

    <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="utf-8">
        </head>
     
    <script>
        window.onload=function()
    {
     
        var  b1=document.getElementById('bt1');
        var  iv=document.getElementById('div1');
        var  ch1=iv.getElementsByTagName('input');
     
        b1.onclick=function()
    {
        ch1[0].checked=true;
    };
    };
     </script>
     
     
     
     
        <body>
     
            <input id="bt1" type="button" value="全选" />
    <div id="div1">
            <input type="checkbox"  /><br>
            <input type="checkbox"  /><br>
            <input type="checkbox"  /><br>
            <input type="checkbox"  /><br>
            <input type="checkbox"  /><br>
            <input type="checkbox"  /><br>
            <input type="checkbox"  /><br>
            <input type="checkbox"  /><br>
            <input type="checkbox"  /><br>
    </div>
         
        </body>
    </html>