js控制input复选框的选择数量问题

Question

先放上demo地址

demo

现在问题是我要控制可选择数量为2，在选择第3个的时候弹出弹框提示最多只能选择2个应该怎么调整呢

Answer 1

 $(document).ready(function() {
  $('input[type=checkbox]').click(function(e) {
   if ($("input[name='apk[]']:checked").length > 2) {
     e.preventDefault();
     alert("最多选择2个");
   }
  });
 })

Answer 2

先定义一个变量，每勾选一个复选框这个变量就加一，判断一下，当这个变量大于2的时候就弹窗，然后禁用其他的复选框，disabled="disabled"。我觉得可以。。。

Answer 3

这样，当用户选择了两个之后，直接把其他所有的都禁用掉，在上面写个提示，只能最多选择2个

Answer 4

选择完两个之后自动就把其他的灰掉了不能勾选，所以不存在点第三个的情况。

可以把弹窗直接去掉