JSFiddle - React, Tailwind, and code Playground

by Milomir Topic

HTML

<div style="text-align: left; float: left;">
    <table>
        <tbody>
          
            <tr>
                <td>
                    <table id="cbxlAgencies" class="chkChoice">
                        <tbody>
                            <tr>
                                <td>
                                    <input id="cbxlAgencies_0" type="radio" name="ctl00$CPHMainContend$cbxlAgencies$cbxlAgencies" value="AAA">
                                    <label for="cbxlAgencies_0">AAA</label>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <input id="cbxlAgencies_1" type="radio" name="ctl00$CPHMainContend$cbxlAgencies$cbxlAgencies" value="BBB">
                                    <label for="cbxlAgencies_1">BBB</label>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
                <td style="width: 10px;">&nbsp;</td>
                <td id="rbtnList" style="display: table-cell;">
                    <table id="rbtnlLeadAgencies" class="chkChoice rbtnlLeadAgencies">
                        <tbody>
                            <tr>
                                <td>
                                    <input id="rbtnlLeadAgencies_0" type="radio" name="ctl00$CPHMainContend$rbtnlLeadAgencies" value="AAA">
                                    <label for="rbtnlLeadAgencies_0">AAA</label>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <input id="rbtnlLeadAgencies_1" type="radio" name="ctl00$CPHMainContend$rbtnlLeadAgencies" value="BBB">
                                    <label for="rbtnlLeadAgencies_1">BBB</label>
                                </td>
                            </tr>
           ...

JavaScript

$(document).ready(function () {
     $("#rbtnlLeadAgencies input[type='radio']").attr('disabled', true);
     $("#cbxlAgencies_1").change(function () {
		     $("#rbtnlLeadAgencies input[type='radio']").prop('disabled', false);
     });
     $("#cbxlAgencies_0").change(function () {
		     $("#rbtnlLeadAgencies input[type='radio']").attr('checked', false).prop('disabled', true);
         /* $("#rbtnlLeadAgencies input[type='radio']").attr('checked', false) */
     });
     
 });