javascript - 复选框:jQuery 必需功能

Question

这是我用来显示问题的代码，用户需要选择一个或多个复选框作为答案:

$QA = '<label for="q'.$QID.'-'.$Value.'"><input type="checkbox" name="q'.$QID.'[]" id="q'.$QID.'-'.$Value.'" value="'.$Value.'"> '.$QA.'</label>';

这是一个典型的显示:

<li id="q8">
  <div class="Question">Which ones are countries?</div>
  <div class="Answer">
    <label for="q6-A"><input type="checkbox" name="q6[]" id="q6-A" value="A"> Texas</label>
    <label for="q6-B"><input type="checkbox" name="q6[]" id="q6-B" value="B"> Japan</label>
    <label for="q6-C"><input type="checkbox" name="q6[]" id="q6-C" value="C"> Spain</label>
  </div>
</li>

我想修改代码，以便除非用户至少选择一个复选框，否则表单不会提交。我尝试过的每个脚本都要求他们选择每个复选框，但我只想确保他们尝试通过选择任何一个复选框来回答问题。

有人建议使用以下脚本:

$('input[type=checkbox][name=gender]')[0].attr('required', 'required');;

所以我将“name=gender”替换为“name=q6[]”，但这不起作用。我猜测 q6 之后的括号可能是一个问题，但是如果我从驱动表单的代码中删除括号 - name="q'.$QID.'[]" - 那么结果页面上的测试评分不正确。

另一个问题是这个脚本需要一个特定的名称，而各种测试中类似的多项选择复选框问题可能有不同的名称。

是否有某种方法可以修改此脚本，以便它针对所有具有复选框的问题，要求用户至少选择一个复选框？

Answer 1

试试这个...

if(($('input[name="q6[]"]:checked') != undefined) && ($('input[name="q6[]"]:checked') != null)) {
console.log("true");
} else {
console.log("false");
}