全选与反选

        var oneCheck = document.getElementById('checkone');
        var allCheck = document.getElementsByClassName('checkAll');

        //全选
        oneCheck.onclick = function () {
            // 遍历每一个allcheck的值
            for (var i = 0; i < allCheck.length; i++) {
                allCheck[i].checked = oneCheck.checked
            }
        }

        //反选
        //遍历判断每一个allcheck的值
        for (var i = 0; i < allCheck.length; i++) {
            // 当点击其中一个值的时候
            allCheck[i].onclick = function () {
                //当点击一个值得时候，其他值的状态
                for (var j = 0; j < allCheck.length; j++) {
                    //如果这个值没有被选中
                    if (!allCheck[j].checked) {
                        // 则全选就不被选中
                        oneCheck.checked = false
                        break
                        //直接结束循环
                    }
                }
                // 当每个值都被选中，则全选就被选中
                oneCheck.checked = j == allCheck.length
            }
        }
    </script>

• 这是结构。

<input type="checkbox" id="checkone">
    <br>
    <input type="checkbox" class="checkAll">
    <input type="checkbox" class="checkAll">
    <input type="checkbox" class="checkAll">
    <input type="checkbox" class="checkAll">
    <input type="checkbox" class="checkAll">