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(){
//        alert('click!');
        var $elem = $(this).find('input');
   //     $elem.prop('checked', !$elem.prop('checked'));
        $elem.click();
        return false;
    });
});