JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>blah</td>
        <td>
            <input type='checkbox' name='a1' class="group_ctrl" data-group="group_a" id='checker'>
        </td>
        <td></td>
    </tr>
    <tr>
        <td>
            <div align="right">a1:</div>
        </td>
        <td>
            <input id="tb1" type='text' class="group_a" name='a1_1' size='25' maxlength='5' value='a1_1'>
        </td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>
            <div align="right">a2:</div>
        </td>
        <td>
            <input id="tb2" type='text' class="group_a" name='a2_2' size='25' maxlength='5' value='a2_2'>
        </td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>
            <div align="right">a3:</div>
        </td>
        <td>
            <input id="tb3" type='text' class="group_a" name='a3_3' size='25' maxlength='5' value='a3_3'>
        </td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>
            <div align="center">Activate Something Else</div>
        </td>
        <td>
            <input type='checkbox' name='b1' class="group_ctrl" data-group="group_b" id='checker2' checked=checked>
        </td>
        <td></td>
    </tr>
    <tr>
        <td>
            <div align="right">b1:</div>
        </td>
        <td>
            <input id="tb4" name="b1_1" class="group_b" type="text" size="25" maxlength='5' value='b1_1'>
        </td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>
            <div align="right">b2:</div>
        </td>
        <td>
            <input id="tb5" name="b2_2" class="group_b" type="text" size="25" maxlength='5' value='b2_2'>
        </td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>
            <div align="right">b3:</div>
        </td>
        <td>
            <input id="tb6" name="b3_3" class="group_b" type="text" size="25" maxlength='5' value='b3_3'>
        </td>
        <td>&nbsp;</td>
    </tr>
</table>

JavaScript

$(document).ready(function() {
    $('.group_ctrl').change(function () {
        // gets data-group value and uses it in the outer selector
        // to select the inputs it controls and sets their disabled 
        // property to the negated value of it's checked property 
        $("." + $(this).data("group")).prop('disabled', !this.checked);
    }).change();
});