JavaScript 复选框全选和反选

来源：互联网发布：uc矩阵子系统划分例题编辑：程序博客网时间：2024/06/09 21:03

<body>    <div>        <input type="checkbox" name="" id="chose" value="" />        <input type="checkbox" name="" id="" value="" />        <input type="checkbox" name="" id="" value="" />    </div></body><script>    var all = document.getElementById("chose");//全选按钮    var allCheck = document.getElementsByTagName("input");    var content = 0;//全选计数    all.onclick = function(){        for(var i=0;i<allCheck.length;i++){            allCheck[i].checked = (this.checked)?true:false;//全选和全不选            content = (this.checked)?allCheck.length-1:0;//除全选按钮个数和全不选个数0        }           }    for(var i=1;i<allCheck.length;i++){//如果有单个没被选中，则全选按钮不被选中        allCheck[i].onclick = function(){            if(!this.checked){                all.checked = false;                content--;            }else{                content++            }            totle(content);        }    }    function totle(content){//反选全选按钮        if(content==allCheck.length-1){            all.checked = true;        }    }</script>

0 0