全选与反选经典！！！

全选：<input type="checkbox" id="checkAll"> <br>
选项：<input type="checkbox" class="checkOne">A
<input type="checkbox" class="checkOne">B
<input type="checkbox" class="checkOne">C
<input type="checkbox" class="checkOne">D
<script>
    var a = document.querySelector('#checkAll');
    var b = document.querySelectorAll('.checkOne');
    a.onclick = function() {
        for(var i =0; i < b.length; i++){
            b[i].checked = this.checked;
        }
    }
    for(var i = 0; i < b.length;i++){
        b[i].onclick = function(){
            for(var j = 0; j < b.length; j++){
                if(!b[j].checked){
                    break;
                }
            }
            a.checked = (j == b.length);
        }
    }
</script>