选中所有子复选框后，如何选中“全选”复选框？

PHP情人

我想在选中“全选”复选框时选中所有复选框，反之亦然，如果我一一选中所有复选框，则应该自动选中“全选”复选框。如果我取消选中所有子复选框，则也应取消选中“全选”复选框。

在我的代码中，所有事情都正常工作，但一件事情是，如果我一一选中所有复选框，则应该自动选中“ Selectall”复选框。谁能帮助我使这件事对我有用。供您参考，我在这里提供我的文件代码（HTML和Javascript代码），以便您可以在本地计算机上进行测试。

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function () {
    $("#ckbCheckAll").click(function () {
        $(".checkBoxClass").prop('checked', $(this).prop('checked'));
    });

    $(".checkBoxClass").change(function(){
        if (!$(this).prop("checked")){
            $("#ckbCheckAll").prop("checked",false);
        }
    });
});
</script>
</head>
<body>
<input type="checkbox" id="ckbCheckAll" /> Check All
    <p id="checkBoxes">
        <input type="checkbox" class="checkBoxClass" id="Checkbox1" />
        <br />
        <input type="checkbox" class="checkBoxClass" id="Checkbox2" />
        <br />
        <input type="checkbox" class="checkBoxClass" id="Checkbox3" />
        <br />
        <input type="checkbox" class="checkBoxClass" id="Checkbox4" />
        <br />
        <input type="checkbox" class="checkBoxClass" id="Checkbox5" />
        <br />
    </p>
</body>
</html>

立方的

您可以检查其中有多少个复选框，以及选中了多少个复选框：

$(".checkBoxClass").change(function(){
    var all = $('.checkBoxClass');
    if (all.length === all.filter(':checked').length) {
        $("#ckbCheckAll").prop("checked", true);
    } else {
        $("#ckbCheckAll").prop("checked", false);
    }
});

不确定是否all可以$(this);

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。