js实现CkeckBox全选与反选

Posted -JackoChan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js实现CkeckBox全选与反选相关的知识,希望对你有一定的参考价值。

function SelectAll(){
        var check = document.getElementsByTagName("input"); // 获取所有input标签
        var all   = document.getElementById(‘all‘); // 获取全选按钮
        if(all.checked){
            for(var i=0;i<check.length;i++){
                if(check[i].getAttribute("type")=="checkbox"){
                    check[i].checked = true;
                }
            }
        }else{
            for(var i=0;i<check.length;i++){
                if(check[i].getAttribute("type")=="checkbox"){
                    check[i].checked = false;
                }
            }

        }
    }

以上是关于js实现CkeckBox全选与反选的主要内容,如果未能解决你的问题,请参考以下文章

elementUI+JS实现全选与反选

html+css+js实现复选框全选与反选

全选与反选添加

jQuery 实现复选框的全选与反选

全选与反选按钮的实现

jQuery-实现全选与反选