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><label><input type="checkbox"/></label></td>
        <td><input type="checkbox"/></td>
        <td><input type="checkbox"/></td>
    </tr>    
</table>

CSS

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

JavaScript

$(function(){
    $('td').click(function(){
        //alert('click!');
        var $elem = $(this).find('input');
//        $elem.prop('checked', !$elem.prop('checked'));
        //$elem.click();
//        return false;
    });
});