利用JavaScript全选、反选复选按钮

代码很简单，就是在一张图片上做一个onclick事件，调用JavaScript函数，做到全选、反选、不选form中的checkbox

JavaScript代码：

<script language="javascript">
function checkAll(form1,status){
    var elements = form1.getElementsByTagName('input');
    for(var i=0; i<elements.length; i++){
        if(elements[i].type == 'checkbox'){
            if(elements[i].checked==false){
                elements[i].checked=true;
            }
        }
    }
}
function switchAll(form1,status){
    var elements = form1.getElementsByTagName('input');
    for(var i=0; i<elements.length; i++){
        if(elements[i].type == 'checkbox'){
            if(elements[i].checked==true){
                elements[i].checked=false;
            }else if(elements[i].checked==false){
                elements[i].checked=true;
            }
        }
    }
}
function uncheckAll(form1,status){
    var elements = form1.getElementsByTagName('input');
    for(var i=0; i<elements.length; i++){
        if(elements[i].type == 'checkbox'){
            if(elements[i].checked==true){
                elements[i].checked=false;
            }
        }
    }
}
</script>

然后在一个form中做三个图片来充当按钮，直接做按钮也行，反正你喜欢

代码如下：

<tr>
 <td colspan="12" align="center">
        <img src="images/check.jpg" onclick="checkAll(form1,status);" />
 <img src="images/switch.jpg" onclick="switchAll(form1,status);" />
 <img src="images/uncheck.jpg" onclick="uncheckAll(form1,status);" />
 </td>
</tr>

checkbox你喜欢弄几个就弄几个吧,我就不写了!