Checkbox in js - validation

Question

This is a fragment of my code. Can I add an ID to this portion? Now I have 2 groups of check boxes (topic, interests). When I check the box in the group and I do not check the box in the second group, an error message appears.

My idea: add ID to this "input [type = checkbox]: selected" and add all of it to IF. Is it possible to do it ?

Under the text is my idea what it should look like:

#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>

Also it would be helpful to others if you could provide the error code. As you mentioned you have one. — Tariqul Islam
– Tariqul Islam, Commented May 8, 2020 at 17:49

Denis Stukalov · Accepted Answer · 2020-05-08 18:55:06Z

2

I suggest the following steps:

add attribute class for group's checkboxes
add div for every block of interests and set id depending on the group id
on validate, get interests div block by checked group id

Like this:

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

See full example on my sandbox: https://jsfiddle.net/denisstukalov/bosqhruf/34/#&togetherjs=60jflqRT4b

answered May 8, 2020 at 18:55

Denis Stukalov

1,2521 gold badge9 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Checkbox in js - validation

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related