JSFiddle - React, Tailwind, and code Playground

HTML

<form id='blah'>
    <input type="checkbox" id="1">
    <label>First</label>
    <br>
    <input type="checkbox" id="2">
    <label>Second</label>
    <br>
    <input type="checkbox" id="3">
    <label>Third</label>
    <br>
    <input type="checkbox" id="4">
    <label>Forth</label>
    <br>
</form>
<div id='results'></div>

JavaScript

$("input:checkbox").change(gotClicked);

function gotClicked() {
    var arr = $("#blah").find("input");
    var str = '';

    var filler = '';
    for (i = 0; i < arr.length; i++) {
        console.log(arr[i]);
        if (arr[i].checked){
        	str = str + filler + arr[i].id;
            filler = ', '
        }
    }

    $('#results').html('You clicked ' + str);
}