Jquery Validation 多个复选框组

Question

我正在尝试使用带有此 html 结构的 jquery 验证插件来验证多个复选框组...

<fieldset>
  <legend>Checkbox Group (required)</legend>
  <label><input type="checkbox" name="cbxGroup1_0" value="one" id="cbxGroup1_0">One </label>
  <br>
  <label><input type="checkbox" name="cbxGroup1_0" value="two" id="cbxGroup1_1">Two </label>
  <br>
</fieldset>

<fieldset>
<legend>Checkbox Group (required)</legend>
  <label><input type="checkbox" name="cbxGroup1_0" value="one" id="cbxGroup2_0">One </label>
  <br>
  <label><input type="checkbox" name="cbxGroup1_0" value="two" id="cbxGroup2_1">Two </label>
  <br>
</fieldset>

JS 验证码：

$("#myForm").validate({

                invalidHandler: function(event, validator) {
                alert("Debe llenar todos los campos");
                $('.ui-submit').removeClass('ui-btn-active');

                },
                submitHandler: function(){
//something}

            });

但我无法工作，复选框总是采用不同的名称和 id，我试图为复选框设置一个类，但是当验证触发时，每个复选框都询问我，我希望每组至少 1 个。

谁能帮帮我...谢谢

Answer 1

尝试在names中使用数组

<fieldset>
  <legend>Checkbox Group (required)</legend>
  <label><input type="checkbox" name="group1[1]" value="one" id="cbxGroup1_0">One </label>
  <br>
  <label><input type="checkbox" name="group1[2]" value="two" id="cbxGroup1_1">Two </label>
  <br>
</fieldset>

<fieldset>
<legend>Checkbox Group (required)</legend>
  <label><input type="checkbox" name="group2[1]" value="one" id="cbxGroup2_0">One </label>
  <br>
  <label><input type="checkbox" name="group2[2]" value="two" id="cbxGroup2_1">Two </label>
  <br>
</fieldset>

然后，您可以控制每个数组的长度不为0。

但是，我没有得到你想要在课堂上做的事情......你能更具体一点吗？