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

限制选中复选框

2 个答案: