JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<tr>
<td class="lineupColor2">Search For Street<br/>Member</td>
<td class="lineupColor2"><label for="sIsGangMember">Is Member</label><br/><input type="checkbox" id="sIsGangMember" name="sIsGangMember" style="margin-left: 115px;" value="ticked" @IsGangMemberTicked/></td>
<td class="lineupColor2"><label for="sIsNotGangMember">Is NotMember</label><br/><input type="checkbox" id="sIsNotGangMember" name="sIsNotGangMember" style="margin-left: 115px;" value="ticked" @IsNotGangMemberTicked/></td>
<td class="lineupColor2"><button type="button" style="cursor: pointer;" onclick="clearIsGangMembers()">Clear Fields</button></td>
<td class="lineupColor2"></td>
</tr>
</table>
JavaScript
$("#sIsGangMember").click(function () {
if ($("#sIsGangMember").is(':checked')) {
document.getElementById("sIsNotGangMember").checked = false;
}
});
$("#sIsNotGangMember").click(function () {
if ($("#sIsNotGangMember").is(':checked')) {
document.getElementById("sIsGangMember").checked = false;
}
});