JSFiddle - React, Tailwind, and code Playground

by slippery_pete

HTML

<input type="button" id="btn" value="click" />
<br />
<input type="checkbox" value="item1,item2,item3">Value 1
<input type="checkbox" value="itemA,itemB,itemC">Value 2
<input type="checkbox" value="item!,item@,item#">Value 3

JavaScript

$("#btn").click(function () {

    var newArray = [];
    $('input[type=checkbox]').map(function () {
        var $cb = $(this);
        if ($cb.is(":checked")) {
            newArray.push($cb.val().split(','));
        } else {
            newArray.push([]);
        }
    });

    alert(newArray);

});