<html>
<!--
-->
<head>
<script language="JavaScript">
window.onload = function () //匿名函数
{
    var operaBtn_all  = document.getElementById('all_checked');//全选
    var operaBtn_no  = document.getElementById('No_checked');//不选
    var operaBtn_del  = document.getElementById('del_checked');//反选
    //获取div的ID
    var check_Div = document.getElementById('checkbox_aa');
   //获取div里面的input个数以及数组
    var operainput_all = check_Div.getElementsByTagName('input');
    //此处写错一次，operaBtn的意思是操作全选按钮
    operaBtn_all.onclick = function ()
    {
        var i = 0;
        for(i = 0; i < operainput_all.length; i++)
        {
            operainput_all[i].checked = true;
        }
    };
    //不选
    operaBtn_no.onclick = function ()
    {
        var i = 0;
        for(i = 0; i<operainput_all.length; i++)
        {
            operainput_all[i].checked = false;
        }
    }
    //反选
      
    operaBtn_del.onclick = function ()
    {
        var j = 0;
        for(j = 0; j < operainput_all.length; j++)
        {
            if(operainput_all[j].checked == true )
            {
                operainput_all[j].checked = false;
            }
            else
            {
                operainput_all[j].checked = true;
            }
        }
    };
}; //这个冒号要记得
</script>
</head>
<body>
<!--为了给全选按钮添加事件，要给全选按钮一个 id -->
<input id = "all_checked" type="button" value="全选"  /> &nbsp;&nbsp;&nbsp;&nbsp;
<input id = "No_checked"  type="button" value="不选"  /> &nbsp;&nbsp;&nbsp;&nbsp;
<input id = "del_checked" type="button" value="反选"  /> <br />
<div id = "checkbox_aa">
    <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 />
    <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 />
    <input type="checkbox"   /><br />
    <input type="checkbox"   /><br />
    <input type="checkbox"   /><br />
</div>
</body>
</html>