初学者Javascript 实现全选和反选

Javascript中 实现全选和反选

以下是html部分：

 <input type="checkbox" id="all">全选
    <input type="checkbox" id="fanxuan">反选
    <div class="box">
        <input type="checkbox" name="btn">星期一
        <input type="checkbox" name="btn">星期二
        <input type="checkbox" name="btn">星期三
        <input type="checkbox" name="btn">星期五
        <input type="checkbox" name="btn">星期六
        <input type="checkbox" name="btn">星期日
    </div>

js代码部分：

//全选按钮
        var input = document.getElementsByName("btn"); //获取input的位置
        var len = input.length; //input的个数
        all.onclick = function() { //全选事件
            for (var i = 0; i < len; i++) {
                if (all.checked == true) { //当点击全选按钮时
                    input[i].checked = true; //所有的input框都选中
                } else {
                    input[i].checked = false;//不qu选中
                }
            }
        }
         for (var j = 0; j < len; j++) { //遍历input
            input[j].onclick = function() {
                if (this.checked == true) { //input[i]中都选中时 全选按钮也选中

                } else {
                    all.checked = false; // 全选按钮不选中

                }
            }
        }

  // 反选按钮    当点击了某个按钮后 点击反选按钮选中其他按钮并去掉选中的那个按钮
        fanxuan.onclick = function() {
            for (var i = 0; i < len; i++) {  
                if (input[i].checked == true) {       
                    input[i].checked = false;
                } else {
                    input[i].checked = true;
                }
            }
        }
    </script>