Question

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

如何让用户取消选中一个复选框，并通过点击执行的操作减少计数，让他们只选中所需的最大复选框。

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

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


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

    } 

});

如果我遗漏了任何东西，请告诉我。

PS：由于某种原因，我检查了这个并且它对我不起作用 - Count + / - for checkbox click and unclick

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++;

});

单击并取消选中计数复选框

2 个答案: