JSFiddle - React, Tailwind, and code Playground
HTML
<label>
<input id="cb1" name="cb1" type="checkbox" value="1" />
My Checkbox
</label>
<label>
<input id="cb2" name="cb2" type="checkbox" value="1" />
My Checkbox
</label>
<label>
<input id="cb3" name="cb3" type="checkbox" value="1" />
My Checkbox
</label>
CSS
label { display: block; padding: 10px; border-bottom: 1px solid #aaa; }
.highlight { background-color: yellow; }
JavaScript
$('input:checkbox').click( function(){
$(this).parent('cb1').toggleClass('highlight', this.checked);
});