如何使用 Jquery 验证两组复选框？答案

【问题标题】：How do I validate two sets of checkboxes with Jquery?如何使用 Jquery 验证两组复选框？
【发布时间】：2011-06-21 19:03:29
【问题描述】：

我有两组复选框。每组中至少要检查一个。我如何使用 Jquery 完成此任务？这是我到 JS Fiddle 的链接：

【问题讨论】：

【解决方案1】：

做一个：

$('ul:has(input[type="checkbox"]:checked)').length == 2

其中 2 是组数。它为您提供包含已检查输入 在这种情况下必须为 2 的 ul 的数量 ;) 所以它会检查每个 @987654323包含checkboxes 的@ 至少有一个checked。

【讨论】：

那工作！！谢谢。如果两者都未选中，我该如何编程逻辑，然后会显示错误消息？
谢谢。在这里，感谢您的帮助，我如何编写逻辑： $('input').bind('click', function () { if ($('ul:has(input[type="checkbox"]:checked)') .length == 2) { $('#searchValidationError').hide(); }else{ $('#searchValidationError').html('
请勾选索赔类型和索赔状态'); $ ('#searchValidationError').show(); } });

【解决方案2】：

您可以抓取包装器中已检查属性的所有输入，如果长度> 0，则您至少选中了一个复选框：

var checkboxes_claimStatus = $("#field-claimStatus-wrapper").find("input:checked");
if(checkboxes_claimStatus.length)
{
    alert('checked');
}

对另一组做同样的事情。

【讨论】：

【解决方案3】：

试试这个。

if($("#field-claimType-wrapper input:checked").length > 0){

}

if($("#field-claimStatus-wrapper input:checked").length > 0){

}

【讨论】：

【解决方案4】：

使用类似的东西...

$("input[name='claimType']:checked").size() > 0 && $("input[name='claimStatus']:checked").size() > 0

检查两个组中选中的复选框计数是否大于 0

这里是更新的 jsfiddle link

【讨论】：