lundi 23 mars 2020

How to add validation for checkboxes in JQuery?

I have a form like below and I want to add vaidation for JQuery, I tried using html required attribute but it is not working, help me in this

The code is

//question 1
<label class="container">
  <input class="chk check_answer1" type="checkbox" name="answers[]" value='1' required="required">
  <span class="checkmark"></span>
</label>
<label class="container">
  <input class="chk check_answer1" type="checkbox" name="answers[]" value='1" required="required">
  <span class="checkmark"></span>
</label><label class="container">
  <input class="chk check_answer1" type="checkbox" name="answers[]" value='1" required="required">
  <span class="checkmark"></span>
</label>

//question 2
<label class="container">
  <input class="chk check_answer2" type="checkbox" name="answers[]" value='2' required="required">
  <span class="checkmark"></span>
</label>
<label class="container">
  <input class="chk check_answer2" type="checkbox" name="answers[]" value='2" required="required">
  <span class="checkmark"></span>
</label><label class="container">
  <input class="chk check_answer2" type="checkbox" name="answers[]" value='2" required="required">
  <span class="checkmark"></span>
</label>

//question 3
<label class="container">
  <input class="chk check_answer3" type="checkbox" name="answers[]" value='3' required="required">
  <span class="checkmark"></span>
</label>
<label class="container">
  <input class="chk check_answer3" type="checkbox" name="answers[]" value='3" required="required">
  <span class="checkmark"></span>
</label><label class="container">
  <input class="chk check_answer3" type="checkbox" name="answers[]" value='3" required="required">
  <span class="checkmark"></span>
</label>

This is the code I wrote and In this page the user has to select atleast one option for every question




Aucun commentaire:

Enregistrer un commentaire