JSFiddle - React, Tailwind, and code Playground

HTML

<table style="width:100%; table-layout:fixed;">
    <tr class="row">
        <td><input class="check-box" type="checkbox" /></td>
        <td>
            <select>
                <option>1</option>
                <option>2</option>
            </select>
        </td>
        <td>
            <input type="text" />
        </td>
    </tr>
</table>

CSS

.row{
    background-color:green;
}

JavaScript

$(".row").click(function (event) {
    alert("row clicked");
    if (event.target.type !== 'checkbox') {
        var cb = $(this).closest("tr").find(".check-box");
        if ($(cb).prop("checked")) {
            $(cb).prop("checked", false).change();
        }
        else {
            $(cb).prop("checked", true).change();
        }
    }
});

$("select").click(function(event){
    event.stopPropagation(); 
});

$("input").click(function(event){
    alert("input clicked");
    event.stopPropagation();
});