js中全选按钮的控制

实现的效果：

checkbox1 checkbox1 checkbox1 checkbox1 checkbox1
全选与不全选的切换

源代码：

<input type=checkbox name=mm value=a onclick="checkItem(this, 'mmAll')">checkbox1
<input type=checkbox name=mm value=b onclick="checkItem(this, 'mmAll')">checkbox1
<input type=checkbox name=mm value=c onclick="checkItem(this, 'mmAll')">checkbox1
<input type=checkbox name=mm value=d onclick="checkItem(this, 'mmAll')">checkbox1
<input type=checkbox name=mm value=e onclick="checkItem(this, 'mmAll')">checkbox1<br>
<input type=checkbox name=mmAll onclick="checkAll(this, 'mm')">全选与不全选的切换

<script language=Javascript>
    function checkAll(e, itemName)
    ...{    
        var aa = document.getElementsByName(itemName);    //获取全选复选框
        for (var i=0; i<aa.length; i++)...{
         aa[i].checked = e.checked;    //改变所有复选框的状态为全选复选框的状态
        }
    }

    function checkItem(e, allName)
    ...{
        var all = document.getElementsByName(allName)[0];    //获取全选复选框
        if(!e.checked)...{
            //没被选中全选复选框置为false;
            all.checked = false;
        } else ...{
            //选中，遍历数组
            var aa = document.getElementsByName(e.name);
            for (var i=0; i<aa.length; i++)
                //只要数组中有一个没有选中返回。假如所有的都是选中状态就将全选复选框选中;
             if(!aa[i].checked) return;    
            all.checked = true;
        }
    }
</script>