JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<tr id="mlevel" class="__tr_class__">
<td class="checkbox"><input type="radio" name="membership"></td>
<td class="icon"><img src="__Icon__" width="60" height="60"/></td>
<td class="name"><h2>__Name__</h2></td>
<td class="price"><h4>__Price__ for __Days__ Days</h4></td>
<td class="auto"><h4>__Auto__</h4></td>
<td class="auto"><h4>__Active__</h4></td>
</tr>
<tr id="mlevel" class="__tr_class__">
<td class="checkbox"><input type="radio" name="membership"></td>
<td class="icon"><img src="__Icon__" width="60" height="60"/></td>
<td class="name"><h2>__Name__</h2></td>
<td class="price"><h4>__Price__ for __Days__ Days</h4></td>
<td class="auto"><h4>__Auto__</h4></td>
<td class="auto"><h4>__Active__</h4></td>
</tr>
</table>
JavaScript
$(function() {
$('tr').click(function(event) {
if(event.target.type != "radio") {
var that = $(this).find('input[type=radio]');
that.attr('checked', !that.is(':checked'));
}
});
});