計數與jquery選定的複選框

Question

js的小新和計數選定的盒子有問題，任何人都可以看到我做錯了什麼？

小提琴：https://jsfiddle.net/ate9a04u/

JS

$(document).ready(function() { 
    var maxAllowed = 3; 
    $(".rmax").html(maxAllowed); 
    $(".subscribtion-content input.checkbox").change(function() { 
     var cnt = $(".subscribtion-content input.checkbox:checked").length; 
     if (cnt > maxAllowed) { 
      $(this).prop("checked", ""); 
      $(".rcount").html(cnt); 
     } 
    }); 
}); 

也有反正當達到，反之最大禁用其他人呢？

Answer 1

您選中的箱子數量非常完美。當達到如下所示的最大值時，您可以禁用其他人。

$(document).ready(function() { 
    var maxAllowed = 3; 
    $(".rmax").html(maxAllowed); 

    $(".subscribtion-content input.checkbox").change(function() { 
     var checkBox = $(".subscribtion-content input.checkbox") 
     var cnt = $(".subscribtion-content input.checkbox:checked").length; 
     if (cnt == maxAllowed) { 
      checkBox.not(':checked').prop('disabled', true); 
     } else { 
      checkBox.not(':checked').prop('disabled', false); 
     } 

     $(".rcount").html(cnt); 
    }); 
}); 

UPDATED FIDDLE