javascript - js 中的复选框 - 验证

Question

这是我的代码片段。我可以在这部分添加 ID 吗？现在我有两组复选框(主题、兴趣)。当我选中该组中的复选框但未选中第二组中的复选框时，会出现一条错误消息。

我的想法:将ID添加到这个“input [type = checkbox]: selected”并将其全部添加到IF。有可能做到吗？

文字下方是我的想法:

#I know it doesn't work. 
if(($('input[type=checkbox][id=subject]:checked').length == 0) && $('input[type=checkbox][id=interests]:checked').length == 0))

<script>
function validate_form()
{
    valid = true;
    if($('input[type=checkbox]:checked').length == 0)
{
    document.getElementById("status").innerHTML = "Please tick one box for interests and topics";
    valid = false;
}

    return valid;
}
</script>

Answer 1

我建议采取以下步骤:

• 为组的复选框添加属性类

• 为每个兴趣 block 添加 div，并根据组 ID 设置 id

• 验证时，通过检查的组 ID 获取兴趣 div block

像这样:

$('.group:checked').each(function() {
    const groupInterestsId = `#${this.id}Interests`
    if ($(`${groupInterestsId} input[type="checkbox"]:checked`).length === 0) {
    alert('Please select interests for selected group')
    return false;
  }
})

查看我的沙箱上的完整示例:https://jsfiddle.net/denisstukalov/bosqhruf/34/#&togetherjs=60jflqRT4b