JSFiddle - React, Tailwind, and code Playground

by Debarupa

HTML

<input name="CheckBoxes" id="id1" data-theme="d" type="checkbox" class="use-reports-checkbox">
            <label for="id1">Select</label>
            <input name="CheckBoxes" id="id2" data-theme="d" type="checkbox" class="use-reports-checkbox">
            <label for="id2">Select</label>
            <input name="CheckBoxes" id="id3" data-theme="d" type="checkbox" class="use-reports-checkbox">
            <label for="id3">Select</label>

JavaScript

$(document).ready(function () {
    $(".use-reports-checkbox").on("click", function () {
        var selectedId = $(this).attr("id");
        alert("selectedId: " + selectedId); //this.id does the same thing
    });
});