javascript - jQuery 验证 - 验证具有相同名称的复选框组

标签 javascript jquery checkbox jquery-validate

我正在使用jQuery Validation plugin .

我有两组复选框,全部具有相同的名称。例如

<div>
  <input class="category-group-1" type="checkbox" name="category[]" value="a">
  <input class="category-group-1" type="checkbox" name="category[]" value="b">
  <input class="category-group-1" type="checkbox" name="category[]" value="c">
</div>

<div>
  <input class="category-group-2" type="checkbox" name="category[]" value="x">
  <input class="category-group-2" type="checkbox" name="category[]" value="y">
  <input class="category-group-2" type="checkbox" name="category[]" value="z">
</div>

我需要要求每组至少选中一个复选框才能通过验证。但由于验证插件按名称而不是类或 ID 引用字段,我不知道如何执行此操作。

如有任何帮助,我们将不胜感激,谢谢。

最佳答案

使用 jQuery 中的each函数。

$(function(){
    isChecked=false;

    $('.category-group-1').each(function(){
        if ($(this).prop('checked')){
            isChecked=true;
            return;
        }   
    })
    alert(isChecked);
}))

关于javascript - jQuery 验证 - 验证具有相同名称的复选框组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38876592/

相关文章:

javascript - heroku node.js 教程 - 将环境变量发送到其他 js 页面

javascript - 点亮元素 : Outputting Raw HTML from Property String

javascript - 如何将变量从 html 传递到指令 AngularJS?

javascript - Href 滚动到具有偏移量的页面

javascript - 如何让不确定的复选框触发其他复选框的功能?

javascript - 防止使用箭头键滚动

javascript - Ionic 2相机错误

javascript - 以不同的间隔显示图像

javascript - 使用js和后退按钮切换类

android - 以编程方式更改 Android CheckBox 框的颜色(支持库)?