JSFiddle - React, Tailwind, and code Playground

HTML

<table id="my_table">
    <tr>
        <td><input type="checkbox" value="24"></td>
        <td> Click Here To Check The Box </td>
        <td> Or Click Here </td>
    </tr>
</table>

JavaScript

var cbcfn = function(e) {
    if (e.target.tagName.toUpperCase() != "INPUT") {
        var $tc = $(this).parent().find('input:checkbox:first'),
            tv = $tc.attr('checked');
        $tc.attr('checked', !tv);
    }
};

$('#my_table td').live('click', cbcfn);