JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td><input type="checkbox"/></td>
        <td><input type="checkbox"/></td>
        <td><input type="checkbox"/></td>
    </tr>
<tr>
        <td><input type="checkbox"/></td>
        <td><input type="checkbox"/></td>
        <td><input type="checkbox"/></td>
    </tr>
<tr>
    <td><input type="checkbox"/></td>
        <td><input type="checkbox"/></td>
        <td><input type="checkbox"/></td>
    </tr>    
</table>

CSS

td {border:1px solid black;padding:20px;}

JavaScript

$(function(){
$('td').click(function (event) {
  if (!$(event.target).is('input')) {
      var obj =$(this).find('input');      
      obj.prop('checked', !obj.is(':checked'));      
    }
});
});