Javascript，复选框检查限制

Question

我想将选中的复选框限制为 3 个，如果你能帮上忙，我做不到。

        <div class="col-md-4" dir="ltr" ><center>
<span class="button-checkbox">
    <button type="button" style="width:200px;text-align: left;" class="btn" data-color="primary">'.$icon_image.' '.$group.' </button>
    <input type="checkbox" name="icon[]" value='.$sgid.'  />
</span>

我确实尝试在这里写一些东西，复选框也由 php 回显，所以它取决于 mysql 数据库数据。

var limit = 3;
$('input.icon[]').on('change', function(evt) {
   if($(this).siblings(':checked').length >= limit) {
       this.checked = false;
   }
});

Answer 1

你的 javascript 函数应该是这样的：

var limit = 3;
$('input[type=checkbox]').on('change', function(evt) {
   if($(this).siblings(':checked').length >= limit) {
       this.checked = false;
   }
});