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>
<br/>
<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'>
<br/>
<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 Checkbox = function () {
    /// <summary>
    /// Checkbox class
    /// </summary>

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

    function CheckIfMaximun(pageId) {



    }
    return {
        Tools: {
            GetCheckboxId: function (pageId) {
                var matches = input.match(/\[(\d+)]/);
                if (matches.length) {
                    var num = matches[1];                    
                    return num;
                } 
                else
                    return "";

            },
            DisableCheckbox: function (pageId) {

            },
            DisableCheckbox: function (pageId) {

            }
        }
    };
};

Checkbox = new List();

var testId = getId("question[0][]");
disableById(testId);

//test function
function test() {
    for (index in checkedBoxes) {
        $("input[name='question[" + index + "][]']").each(function () {
            $(this).change(function () {
                alert("ok");
                /*console.log(index);
            var checkedNum = $("name='question[" + index + "][]']: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
}


function disableById(index) {
    alert("(testId - " + testId + ")");
}

function getId(input) {

}