实现checkbox的全选和取消

1，创建checkbox

<input type="checkbox" onchange="selectAll(this)"/>全选
 <br/>
 <input type="checkbox" name="fruit"/>苹果
 <input type="checkbox" name="fruit"/>香蕉
 <input type="checkbox" name="fruit"/>葡萄
 <input type="checkbox" name="fruit"/>猕猴桃
 <input type="checkbox" name="fruit"/>橘子
 <input type="checkbox" name="fruit"/>荔枝

2，通过触发checkbox的onchange事件来实现全选和取消

<script type="text/javascript">
    function selectAll(fru){
        var check = document.getElementsByName("fruit");
        if(fru.checked){
            for(i=0;i<check.length;i++){
                check[i].checked = true;
            }
        }else{
            for(i=0;i<check.length;i++){
                check[i].checked = false;
            }
        }
    }
</script>