JSFiddle - React, Tailwind, and code Playground

by Ehsan Sajjad

HTML

<table id="catalog_table"></table>
<textarea id="root"></textarea>

JavaScript

var selected = new Array();
$(document).ready(function () {

    checkBoxTest();

});

function checkBoxTest() {

    for (i = 0; i < 10; i++) {
        $("#catalog_table").append('<tr><td>Checkbox<input type="checkbox"  name ="chkbox"  value="' + i + ' "/><td></tr>');
    }
    test();
}


var emails = [];

function test() {
    $('#catalog_table input:checkbox').change(function () {
        if(this.checked)
        {
        var val = $(this).val();
        if (emails.indexOf(val) === -1) emails.push(val);

        var textField = document.getElementById("root");
        textField.value = emails;
        }
        else
        {
            emails.pop(val);
            document.getElementById("root").value = emails;
        }
    });
}