JSFiddle - React, Tailwind, and code Playground

HTML

<form id="form1">
    <div>
        <div>                    
            <input type="submit" id="submit"  value="Submit Grid Edits" />
        </div>
        <div id="div1">
            <table id="grid1">
                <tbody>
                    <tr>
                        <td><input type="checkbox" value="CH1" />CH1</td>
                    </tr>
                </tbody>
            </table>
            <div id="pager1" ></div>
        </div>
        <div id="div2">
            <table id="grid2">
                <tbody>
                    <tr>
                        <td><input type="checkbox" value="CH2" />CH2</td>
                    </tr>
                </tbody>
            </table>
            <div id="pager2" ></div>
        </div>                
    </div>
</form>
<p id="test"></p>

JavaScript

$(function() {
    $("#grid1 :checkbox").on("change", function() {
        $("#test").html($(this).val());
    });
});