Jquery Validation 多个复选框组

Posted 2023-05-09

【中文标题】Jquery Validation 多个复选框组

【英文标题】：Jquery Validation multiple checkbox group

【发布时间】：2014-07-05 14:08:22

【问题描述】：

我正在尝试使用带有此 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 个。

谁能帮帮我...谢谢

【问题讨论】：

你的名字很脏。不是吗？我认为 cbx1 和 cbx2 不能放在一个复选框组中？

好吧，我写的结构不一样...实际上名称等于 id 值

【参考方案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。

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

【讨论】：

我无法更改名称，对于班级，我在每个复选框中都输入了 class="required"