JSFiddle - React, Tailwind, and code Playground
by Mohd Zaki
HTML
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<table class="table table-bordered table-framed">
<thead>
<tr>
<th>Disease Extent</th>
<th colspan="2">Mitral</th>
<th colspan="2">Aortic</th>
<th colspan="2">Tricuspid</th>
<th colspan="2">Pulmonary</th>
<th>Pericarditis</th>
<th>Carditis</th>
</tr>
<tr>
<th></th>
<th>Stenosis</th>
<th>Regurgitation</th>
<th>Stenosis</th>
<th>Regurgitation</th>
<th>Stenosis</th>
<th>Regurgitation</th>
<th>Stenosis</th>
<th>Regurgitation</th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><b>Mild</b></td>
<td><label><input class="styled mitral-stenosis" type="radio" name="mitral-stenosis" value="Mild"></label></td>
<td><label><input class="styled mitral-regurgitation" type="radio" name="mitral-regurgitation" value="Mild"></label></td>
<td><label><input class="styled aortic-stenosis" type="radio" name="aortic-stenosis" value="Mild"></label></td>
<td><label><input class="styled aortic-regurgitation" type="radio" name="aortic-regurgitation" value="Mild"></label></td>
<td><label><input class="styled tricuspid-stenosis" type="radio" name="tricuspid-stenosis" value="Mild"></label></td>
<td><label><input class="styled tricuspid-regurgitation" type="radio" name="tricuspid-regurgitation" value="Mild"></label></td>
<td><label><input class="styled pulmonary-stenosis" type="radio"...
JavaScript
$(document).ready(function(){
$("input[type='radio']").on('dblclick',function(){
$(this).attr("checked", false);
});
});