JavaScript 全选效果

HTML部分：

全选<input id="CheckAll" type="checkbox" onclick="allCheck();" /></br>  

复选一<input name="checkBox" type="checkbox" /></br>

复选二<input name="checkBox" type="checkbox" /></br>

复选三<input name="checkBox" type="checkbox" /></br>

复选四<input name="checkBox" type="checkbox" /></br>

复选五<input name="checkBox" type="checkbox" /></br>

 

javascript部分：

function allCheck(){  

    //定义一个变量接受getElementsByName()方法返回数组  

    var cb = document.getElementsByName("checkBox");  

    //遍历数组对象  

    for(var i=0;i<cb.length;i++){  

        //判断全选复选框的状态  

        if(document.getElementById("CheckAll").checked==true){  

            cb[i].checked=true;  

        }else{  

            cb[i].checked=false;  

        }  

    }  

} 

 

这个是简单的，网上搜的，兼容性不是太好，如果页面有多块全选区域会有问题，下面为扩展效果。

待续。。