Question

我在验证复选框组时遇到问题。

我的代码如下：

<script>
  $('div.checkbox-group.required :checkbox:checked').length > 0
</script>
<figure class="fig">
  <label>
    <div class="order">19</div>
    <p>MDU Floor Layout<span class="asterisk">&#42;</span></p>
  </label>
  <br>
  <fieldset id="opfloorlayout" class="checkbox-group required" required>
    <div>
      <input type="checkbox" id="opbasement" name="mdu_floor_layout" value="Basement">
      <label class="checking" for="opbasement">Basement</label>
    </div>
    <div>
      <input type="checkbox" id="opcarpark" name="mdu_floor_layout" value="Underground car park">
      <label class="checking" for="opcarpark">Underground Car Park</label>
    </div>
    <div>
      <input type="checkbox" id="opintake" name="mdu_floor_layout" value="Intake cupboard">
      <label class="checking" for="opintake">Intake Cupboard</label>
    </div>
    <div>
      <input type="checkbox" id="opriser" name="mdu_floor_layout" value="Riser cupboards">
      <label class="checking" for="opriser">Riser Cupboards</label>
    </div>
    <div>
      <input type="checkbox" id="opfceiling" name="mdu_floor_layout" value="False Ceiling">
      <label class="checking" for="opfceiling">False Ceiling</label>
    </div>
    <div>
      <input type="checkbox" id="opnothing" name="mdu_floor_layout" value="No riser or intake cupboard">
      <label class="checking" for="opnothing">No Riser or Intake Cupboard</label>
    </div>
  </fieldset>
  <br>
</figure>

我主要尝试了这个最适合我的解决方案：

Using the HTML5 "required" attribute for a group of checkboxes?

但我不知道为什么我的浏览器无法识别验证？

我在这里做错了什么？

Answer 1

你是：

测试有多少复选框被选中 contained（这也是在用户有机会选中其中任何一个之前）。
你没有对测试结果做任何事情。

通常这种测试的逻辑是：

当用户尝试提交表单时确保至少有一个复选框被选中如果没有，取消提交表单并显示一条消息告诉用户问题是。

您跳过了粗体部分。

复选框验证组的 HTML 问题

1 个答案: