JSFiddle - React, Tailwind, and code Playground

by John Grivas

HTML

<input type='checkbox' name='question[0][]' value='0'>
     <input type='checkbox' name='question[0][]' value='1'>
     <input type='checkbox' name='question[0][]' value='2' checked>

     <input type='checkbox' name='question[1][]' value='0'>
     <input type='checkbox' name='question[1][]' value='1' checked>
     <input type='checkbox' name='question[1][]' value='2'>

     <input type='checkbox' name='question[2][]' value='0' checked>
     <input type='checkbox' name='question[2][]' value='1' checked>
     <input type='checkbox' name='question[2][]' value='2'>

JavaScript

var checkedBoxes = {0: [], 1: [], 2: []};
var max = 3;

for(index in checkedBoxes) {
    $("input[name='question[" + index + "][]']").change(function () {
        var checkedNum = $(this).:checked").length;
       alert(checkedNum +" - "+ index);
        /*if (checkedNum == max) {
            alert("yes"); 
         }
        else
        {
            alert("no");
        }*/
        //checkedBoxes[index].push(this.checked);
    });
}
//after everything:
console.log(checkedBoxes); //a multidimesional array of checked boxes