Флажок в js - проверка

Question

Это фрагмент моего кода. Могу я добавить ID к этой части? Сейчас у меня 2 группы флажков (топи c, интересует). Когда я устанавливаю флажок в группе и не устанавливаю флажок во второй группе, появляется сообщение об ошибке.

Моя идея: добавить идентификатор в этот «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

Я предлагаю следующие шаги:

• добавить класс атрибута для флажков группы

• добавить div для каждого блока интересов и установить id в зависимости от по идентификатору группы

• при проверке получить блок div интересов по проверенному идентификатору группы

Вот так:

$('.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