单击和取消单击带有计数的复选框

Click and unclick checkbox with count

本文关键字：单击 复选框 取消      更新时间：2023-09-26

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

如何让用户取消选中复选框，并且计数会因他们执行的单击而减少，并让他们仅选中所需的最大复选框。

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

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

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

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

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

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

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

演示小提琴

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

if (kgcount>="5") {
    alert("You have selected 4 items");
    $(this).prop("checked", false);
    } 
kgcount++;
});
相关文章：