郁闷吧 微信小程序 4188479 63242849 39070147 130690866
还没有任何记录...

博彩评级专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

博彩评级提供网页素材下载、网站模板
这一切都是免费的!
当前位置:博彩评级 > javascript > 网页特效 >

js全选反选全不选

来源:jquery特效 作者: 博彩评级 日期:2014-09-01 人气:
js全选反选全不选代码,博彩评级:代码本身核心部分非常少。主要是利用input的checked值的真假来判断,遍历。这段js代码采用了结构行为分离原则,结构中部混杂任何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.qqydc.com/">博彩评级</a>
        function reCk(){
            for(var i =0; i<ck.length;i++){
                ck[i].checked ? ck[i].checked = false : ck[i].checked = true;
            }
        }
    }
本文链接:js全选反选全不选http://www.qqydc.com/js/texiao/check_all.html

本文地址:http://www.qqydc.com/js/texiao/check_all.html
文章摘要:js全选反选全不选,鲍勃强力洋河,黄人守日密西西摘胆剜心。

(责任编辑:博彩评级)

js全选反选全不选由博彩评级收集整理,您可以自由传播,请主动带上本文链接

web前端开发就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。