выбор Предела флажка

Question

выбор Предел флажок

Мой код выглядит ...

foreach($res as $res) 
    echo '<div class="ediv"><input type="checkbox" class="echeck" name="pr[]" value="'.trim($res['product']).'"/>'.trim($res['product']).'</div>'; 

динамически созданный код выглядит в браузере ...

<div class="ediv"> 
     <input type="checkbox" value="Water" name="pr[]" class="echeck">Water 
</div> 

Как установить ограничение выбора динамически созданных флажков ... ??

Я пробовал слишком много логик .. но все не работают .. Кто-нибудь знает, как это сделать?

Answer 1

var limit = 4; 

$("input[name='pr[]']").change(function(e){ 

    if($("input[name='pr[]']:checked").length>limit) 
     this.checked=false; 

}); 

Его простая логика, просто проверьте, больше ли длина выбранного элемента массива, чем ограничение, а затем не проверяйте его.

Answer 2

Попробуйте

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

Работа demo