限制选择复选框

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

工作演示