JSFiddle - React, Tailwind, and code Playground

HTML

<table class="clickable">
    <tr><td><input type="checkbox" name="checkme" />George Washington</td></tr>
    <tr><td><input type="checkbox" name="checkme" />John Adams</td></tr>
    <tr><td><input type="checkbox" name="checkme" />Thomas Jefferson</td></tr>
</table>

CSS

table.clickable tr:hover {cursor: pointer; }
table.clickable tr.selected td, table.clickable tr.selected:hover td { background: orange; }
table.clickable tr input[type="checkbox"]:first-child {display: none; }
table.clickable tr:hover td { background: #EEEEEE; }

JavaScript

$('.clickable tr').click(function() {
   var c = $(this).find(':checkbox').filter(':first');
   c.attr('checked', !c.attr('checked'));
   $(this).toggleClass('selected');
});