JSFiddle - React, Tailwind, and code Playground

by Town

HTML

<table cellspacing="0" rules="all" border="1" id="gv1" style="border-collapse:collapse;">
    <tr>
        <th scope="col">Quote</th>
        <th scope="col">Selected</th>
    </tr>
    <tr>
        <td>£10</td>
        <td>
            <input id="gv1_chkSelect_0" type="checkbox" name="gv1$ctl02$chkSelect" />
        </td>
    </tr>
    <tr>
        <td>£20</td>
        <td>
            <input id="gv1_chkSelect_1" type="checkbox" name="gv1$ctl03$chkSelect" />
        </td>
    </tr>
    <tr>
        <td>£30</td>
        <td>
            <input id="gv1_chkSelect_2" type="checkbox" name="gv1$ctl04$chkSelect"/>
        </td>
    </tr>
    <tr>
        <td>£40</td>
        <td>
            <input id="gv1_chkSelect_3" type="checkbox" name="gv1$ctl05$chkSelect" checked="checked" />
        </td>
    </tr>
</table>

JavaScript

var checkboxes = $('input[type="checkbox"][name$="chkSelect"]');
checkboxes.click(function() {
    checkboxes.not(this).prop("checked", false);
});