两种方法实现全选、全不选、反选

效果图

01 使用jquery实现

    <script>
        $(document).ready(function () {
            //全选
            $("#checkAll").click(function () {
                $("[name=checkbox]:checkbox").prop("checked", true);
            });
            //全不选
            $("#checkNo").click(function () {
                $("[name=checkbox]:checkbox").prop("checked", false);
            });
            //反选
            $("#inverse").click(function () {
                $("[name=checkbox]:checkbox").each(
                    function () {
                        $(this).prop("checked", !$(this).prop("checked"));
                    }
                )
            });
        });
    </script>

02 使用js实现

        //获取所有的复选框
        var check = document.getElementsByName("checkbox");
        function checkAll() {
            //遍历复选框 使每个复选框的属性checked为true
            for (var i = 0; i < check.length; i++) {
                check[i].checked = true;
            }
        }
        function checkNo() {
            for (var i = 0; i < check.length; i++) {
                check[i].checked = false;
            }
        }
        function inverse() {
            //遍历复选框 对复选框的属性checked取反
            for (var i = 0; i < check.length; i++) {
                check[i].checked = !check[i].checked;
            }
        }