JSFiddle - React, Tailwind, and code Playground
HTML
<input type="checkbox" id="f1" name="" onclick="injure(this);">
<label for="f1">No</label>
<BR>
<input type="checkbox" id="f2" name="" onclick="injure(this);">
<label for="f2">Yes</label>
<BR>
<div id="LocFall">Show some stuff</div>
CSS
#LocFall {
display:none;
}
JavaScript
function injure(cmb) {
if (cmb.checked) {
if(cmb.id==="f2")
{ document.getElementById("LocFall").style.display = "block";
document.getElementById("f1").checked = false;
}
else
{
document.getElementById("LocFall").style.display = "none";
document.getElementById("f2").checked = false;
}
}
else
{
document.getElementById("LocFall").style.display = "none";
}
}