jQuery 验证 - 复选框组只能选中一个

Question

我看到很多 "at least one needs to be checked"，但我没有看到任何关于如何将复选框组限制为只能选中一个的解决方案。

编辑：2017 年 3 月 2 日 #9:20am

为什么不是单选按钮？

原因如下：这组特定的复选框位于更大的一组复选框中，这些复选框只需要您至少选中一个。我需要保留那个规则，但也应用规则，在这个特定的组中，只能选择其中一个 - 但仍然保持必须至少选择一个的整体组规则。这是一些标记：

HTML:

<div class="checkbox-group">
     <label><input type="checkbox" id="A" name="atLeastOne" value="A"> A</label>
     <label><input type="checkbox" id="B" name="atLeastOne" value="B"> B</label>
     <label><input type="checkbox" id="C" name="atLeastOne" value="C"> C</label>
     <label><input type="checkbox" id="D" name="atLeastOne" value="D"> D</label>
          <div class="checkbox-group">
               <label><input type="checkbox" id="E" name="onlyOne" value="E"> E</label>
               <label><input type="checkbox" id="F" name="onlyOne" value="F"> F</label>
               <label><input type="checkbox" id="G" name="onlyOne" value="G"> G</label>
          </div>
     <label><input type="checkbox" id="H" name="atLeastOne" value="H"> H</label>
</div>

希望这比我原来的问题更有意义。

Answer 1

如果您希望只能选择一个选项，请改用单选按钮。

<input name="field" type="radio" />

Answer 2

https://www.w3schools.com/html/html_forms.asp

<input type="radio">

应该比尝试验证复选框更能满足您的需求。

jQuery 验证 - 复选框组只能选中一个

jQuery Validate - Checkbox Group ONLY ONE can be checked

javascript

forms

checkbox

jquery

client-side-validation