javascript - 单击并取消单击带有计数的复选框

Question

我想让用户检查最多 4 个复选框，我可以在下面的代码中实现。当用户取消选中时，计数必须下降一个，并且必须允许他们检查另一个。

我怎样才能让用户取消选中一个复选框，并通过他们执行的点击减少计数，并让他们只检查最大所需复选框。

*注意：如果用户最多选中了 4 个复选框，那么当他们单击第 5 个复选框时，会显示一条消息，并且未选中特定的第 5 个复选框，我已经这样做了。

$('.chkbx').click(function() {


if (kgcount>="5") {
    alert("You have selected 4 items");
    $(this).prop("checked", false);

    } 

});

如果我错过了什么，请告诉我。

PS：出于某种原因，我检查了它，但它对我不起作用 -计数 + / - 复选框单击并取消单击

Answer 1

用于length检查选中的复选框数。

$('.chkbx').change(function() {
    if($('input[type=checkbox]:checked').length>=5){
        alert("You have selected 4 items");
        $(this).prop("checked",false);   
        return;
    }
});

DEMO FIDDLE

Answer 2

var kgcount  = 1;
$('.chkbx').click(function() {


if (kgcount>="5") {
    alert("You have selected 4 items");
    $(this).prop("checked", false);

    } 
kgcount++;

});