Question

我知道很多人可以说这是重复的问题，但我尝试了所有的选择，没有运气...... 我有一个表格，它有大约25个复选框，在提交时，验证应该检查至少一个选择

这是我的复选框元素......

<input type="checkbox" class="check" name="check[]" value="1">
<input type="checkbox" class="check" name="check[]" value="2">
<input type="checkbox" class="check" name="check[]" value="3">
<input type="checkbox" class="check" name="check[]" value="4"> 
<input type="checkbox" class="check" name="check[]" value="5">

这是我的jquery：

 <script>

 jQuery(".exportSelected").click(function(){
    $('#export').prop('checked', true);

    var checkedAtLeastOne = false; 
     if($('.check').prop( "checked" )==true)
     {
      checkedAtLeastOne == true;
     }        

    if (checkedAtLeastOne == true) {
     jQuery(".submitDel").trigger("click"); 
     }
     else {
    alert ("Atleast select one to Export")
    }  
  });
 </script>

Answer 1

使用length查找否。选中的复选框。如果没有选中它们

jQuery(".exportSelected").click(function(){
            if($('.check:checked').length>0){  // to check if check box checked more then one
              $(".submitDel").trigger("click"); 
            }else{
             alert ("Atleast select one to Export")
            }
}

Answer 2

这将返回选中复选框的数量：

 $("input.check:checked").length

只需给出以下条件，例如选中多个复选框：

if( $("input.check:checked").length > 0) {
 //Your Code
}

此外，您需要在Click event事件后触发Document ready。

** DEMO Here**

希望这能解决问题。

JQuery验证复选框

2 个答案: