JS实现选择器全选、反选

来源：互联网发布：手机淘宝店铺链接在哪编辑：程序博客网时间：2024/05/23 20:18

checkbox2

<script>    var alltrue = document.getElementById('alltrue');    var opposite = document.getElementById('opposite');    var allcheck = document.getElementById('allcheck');    var inp_list = document.getElementById('inp');    var ckboxes = inp_list.getElementsByTagName('input');    alltrue.onclick = function(){        var i;        for(i=0;i<ckboxes.length;i++){            ckboxes[i].checked = true;        }        allcheck.checked = true;    }    opposite.onclick = function(){        var i;        for(i=0;i<ckboxes.length;i++){            if(ckboxes[i].checked){                ckboxes[i].checked = false;            }else{                ckboxes[i].checked = true;            }        }        allcheck.checked = judge();    }    //判断ul中所有的复选框有没有被全选    function judge(){        var i;        for(i=0;i<ckboxes.length;i++){            if(!ckboxes[i].checked){                return false;            }           }        return true;    }    //给每一个复选框绑定事件    var i;    for(i=0;i<ckboxes.length;i++){        ckboxes[i].onclick = function(){            allcheck.checked = judge();        }    }</script>

1 0