js全选反选全不选

js全选反选全不选代码，代码本身核心部分非常少。主要是利用input的checked值的真假来判断，遍历。这段js代码采用了结构行为分离原则，结构中部混杂任何js代码。

html结构参看演示。

js代码如下：
allCkBox(); //js全选反选调用
    allCkBox("tableBox2"); //可以重复使用哦，传个外层 id 进去就可以了
    
    function allCkBox(id){
        //声明各种变量
        var tableBox = document.getElementById(id||"tableBox"),
            table = tableBox.getElementsByTagName("table")[0],
            ck = tableBox.getElementsByClassName("ck"),
            tableFoot = tableBox.getElementsByClassName("table-foot")[0],
            ckAll = tableBox.getElementsByClassName("ck-all")[0],
            ckRe = tableBox.getElementsByClassName("ck-re")[0];

        //js全选
        ckAll.onchange = function(){
            allCk(this.checked);
        };

        //js反选
        ckRe.onchange = function(){
            reCk();
        };

        //全选函数
        function allCk(bool){
            for(var i =0; i<ck.length;i++){
                ck[i].checked = bool;
            }
        }

        //反选函数 by:<a href="http://www.51xuediannao.com/">懒人建站</a>
        function reCk(){
            for(var i =0; i<ck.length;i++){
                ck[i].checked ? ck[i].checked = false : ck[i].checked = true;
            }
        }
    }