当所选选项的数量达到某个点时，jquery禁用复选框[重复]

Question

我在一个表单中有几个复选框，我想将用户的选择限制为 3 个复选框，所以当他选择 3 时，其余复选框将被禁用（但如果他取消选择一个，它们都会再次启用）。

目前我有这段代码，当用户尝试检查第四个框时会弹出一条消息，但是我只想在选择三个框后禁用所有框。

$('input[type="checkbox"]').click(function(event) {
if (this.checked && $('input:checked').length > 3) {
    event.preventDefault();
    alert('You\'re not allowed to choose more than 3 boxes');
}
});

Answer 1

试试这个：

$('input[type="checkbox"]').change(function(event) {
    if ($('input[type="checkbox"]:checked').length >= 3) {
        event.preventDefault();
        $('input[type="checkbox"]').not(':checked').prop('disabled', true);
        alert("You're not allowed to choose more than 3 boxes");
    }
    else if {
        $('input[type="checkbox"]').not(':checked').removeProp('disabled');
    }
});