JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container" >
<table>
<tr>
<td>
    <input id="option1" type="checkbox" />
</td>
</tr>
<tr>
 
<td>
    <input  id="option2" type="checkbox" />
</td>
</tr>
</table>
 </div>

<input id="button" type="button" value="check" />

CSS

.error {
    background-color:#F00;
}

JavaScript

$('#button').on('click', function() {
    var $checkboxes = $('.container [type=checkbox]');
    
    $checkboxes.filter(':checked').parent().removeClass('error');
    $checkboxes.not(':checked').parent().addClass('error');
});