Javascript，Checkbox已检查限制

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;
   }
});