JSFiddle - React, Tailwind, and code Playground

HTML

<cfoutput query="qryTest" group="DateMeeting">
    <tbody>
        <tr>
            <td>#DateMeeting#</td>
            <cfoutput>
                <div class="blockRow">
                    <td>#StartTime#</td>
                    <td>#EndTime#</td>
                    <td>
                        <input type="checkbox" name="block" id="block">
                    </td>
                </div>
            </cfoutput>
        </tr>
    </tbody>
</cfoutput>

CSS

.red {
  background-color: red;
}

JavaScript

$('input[type=checkbox]').on('change', function() {
  var div = $(this).closest('.blockRow');
  $(this).is(":checked") ? div.addClass("red") : div.removeClass("red");
});