JSFiddle - React, Tailwind, and code Playground

HTML

<div class="markerDiv" id="maker_school">
    <label class="marker_label">School</label>
    <input class="marker_ckeckbox" name="markerType" value="school" type="checkbox" />
</div>
<br />

CSS

.markerDiv {
    width:200px;
    background:#999;color:#fff;
    
}
.markerDiv:checked{background-color: #f00;}

JavaScript

$(".markerDiv").click(function () {
    var $checks = $(this).find('input:checkbox[name=markerType]');

    $checks.prop("checked", !$checks.is(":checked"));

  
});