JSFiddle - React, Tailwind, and code Playground

HTML

<div id="divleft">
    <table id="MainContent_CheckBoxList1">
        <tbody>
            <tr>
                <td>
                    <input id="MainContent_CheckBoxList1_0" name="ctl00$MainContent$CheckBoxList1$0" value="1" type="checkbox">
                    <label for="MainContent_CheckBoxList1_0">Option1</label>
                </td>
            </tr>
            <tr>
                <td>
                    <input id="MainContent_CheckBoxList1_1" name="ctl00$MainContent$CheckBoxList1$1" value="2" type="checkbox">
                    <label for="MainContent_CheckBoxList1_1">Option2</label>
                </td>
            </tr>
            <tr>
                <td>
                    <input id="MainContent_CheckBoxList1_2" name="ctl00$MainContent$CheckBoxList1$2" value="3" type="checkbox">
                    <label for="MainContent_CheckBoxList1_2">Option3</label>
                </td>
            </tr>
            <tr>
                <td>
                    <input id="MainContent_CheckBoxList1_3" name="ctl00$MainContent$CheckBoxList1$3" value="4" type="checkbox">
                    <label for="MainContent_CheckBoxList1_3">Option4</label>
                </td>
            </tr>
        </tbody>
    </table>
</div>
<div id="divright">
    <div id="divoption1" style="display: none;">I am in option1 div</div>
    <div id="divoption2" style="display: none;">I am in option2 div</div>
    <div id="divoption3" style="display: none;">I am in option3 div</div>
</div>
</div>

JavaScript

$('input[type="checkbox"]').change(function () {
    var this_index = $(this).closest('tr').index();
    $("#divright > div").eq(this_index).show();
});