checkbox实现全选和反选代码

实现目标：

1. 全选的checkbox选中时，子checkbox全部选中。反之，全部不选；

2.子checkbox中，只要有没有被选中的，取消全选checkbox的选中；

3.子checkbox的数量和子checkbox被选中的数量一样时，全选checkbox要被选中；

html代码：

<!-- table头全选 -->
<th>全选 <input type="checkbox" id="selectAll"></th>

<!-- tbody单选框 -->
<td><input type="checkbox" class="singleCheckBox" data-id="${e.id!}"></td>

jquery代码：

function batchSelectCheckBox() {
        $("body").on("click", "#selectAll", function () {
            var checked = this.checked;
            $(this).closest("table").find("input[type=checkbox]").each(function () {
                this.checked = checked;
            });
        });

        $("body").on("click", ".singleCheckBox", function () {
            var totalcheckbox = $(".singleCheckBox").length;
            var rowCheckbox = $(".singleCheckBox:checked").length;
            if (rowCheckbox == 0) {
                $("#selectAll").prop("checked", false);
            }
            if (totalcheckbox == rowCheckbox) {
                $("#selectAll").prop("checked", true);
            } else {
                $("#selectAll").prop("checked", false);
            }
        });
    }