javascript - 使用jquery计算选中的复选框

Question

对 js 不太熟悉，在计算所选框时遇到问题，有人能看到我做错了什么吗？

fiddle :https://jsfiddle.net/ate9a04u/

js

$(document).ready(function () {
    var maxAllowed = 3;
    $(".rmax").html(maxAllowed);
    $(".subscribtion-content input.checkbox").change(function () {
        var cnt = $(".subscribtion-content input.checkbox:checked").length;
        if (cnt > maxAllowed) {
            $(this).prop("checked", "");
            $(".rcount").html(cnt);
        }
    });
});

还有什么办法可以在达到最大值时禁用其他功能，反之亦然？

Answer 1

您对所选盒子的计数非常完美。当达到最大值时，您可以禁用其他功能，如下所示。

$(document).ready(function () {
    var maxAllowed = 3;
    $(".rmax").html(maxAllowed);

    $(".subscribtion-content input.checkbox").change(function () {
        var checkBox = $(".subscribtion-content input.checkbox")
        var cnt = $(".subscribtion-content input.checkbox:checked").length;
        if (cnt == maxAllowed) {
            checkBox.not(':checked').prop('disabled', true);
        } else {
            checkBox.not(':checked').prop('disabled', false);
        }

        $(".rcount").html(cnt);
    });
});

<强> UPDATED FIDDLE