Cacher is the code snippet organizer for pro developers

<div class="limit-checked" data-limit="5">
  <input type="checkbox" name="foo" value="" />
  <input type="checkbox" name="foo" value="" />
  <input type="checkbox" name="foo" value="" />
      ・
      ・
      ・
</div>

$('.limit-checked').find('input[type="checkbox"]').on('change', function() {
  var checkLimit = $(this).parent().attr('data-limit'),
      checkedNum = $(this).parent().find('input[type="checkbox"]:checked').length,
      $unchecked = $('input[type="checkbox"]:not(:checked)');
  if ( checkedNum >= checkLimit ) {
    $unchecked.prop('disabled', true);
  } else {
    $unchecked.prop('disabled', false);
  }
});