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;
    });
});