复选框的 JQuery 验证

Posted 2023-05-09

【中文标题】复选框的 JQuery 验证

【英文标题】：JQuery validation for checkbox

【发布时间】：2014-09-10 08:21:40

【问题描述】：

我知道很多人会说这是重复的问题，但我尝试了所有选项但没有运气... 我有一个表单，它有大约 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>

【参考方案1】：

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

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

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

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

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

** DEMO Here**

希望这能解决问题。

【讨论】：

必须在ready事件下处理click事件。我更新了我的帖子。

【参考方案2】：

使用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")