JSFiddle - React, Tailwind, and code Playground

by Anoop Sharma

HTML

<div style="width:100px;background-color:#ff0000;">
<input type="checkbox" id="1" class="chk" value="1" checked/>
</div>
<div style="width:100px;background-color:#fff000;">
<input type="checkbox" id="2" class="chk" value="2"/>
</div>
<div style="width:100px;background-color:#ff0000;">
<input type="checkbox" id="3" class="chk" value="3"/>
</div>
<div style="width:100px;background-color:#000;">
<input type="button" id="btn" value="submit"/>
</div>

JavaScript

var mdArray = new Array();

$("div").click(function(){
    var checkbox = $(this).children(".chk");
    var innerArray = new Array();
    var checked = checkbox.prop('checked');
    var id = checkbox.attr("id");
    innerArray.push(checked);
    innerArray.push(id);
    mdArray.push(innerArray);
});

$("#btn").click(function(){
    alert(mdArray[0][1]);
});