JSFiddle - React, Tailwind, and code Playground
HTML
<div class="insurance-option-select">
<input name="insurance[Auto]" type="checkbox" value="1">
</div>
<div class="insurance-option-select">
<input name="insurance[Home]" type="checkbox" value="2">
</div>
CSS
.insurance-option-select {
background: red;
padding: 30px;
margin: 30px auto;
}
.insurance-option-select:hover {
background: green;
}
JavaScript
$('.insurance-option-select').on('click', function () {
if ($(this).find('input').prop('checked')) {
$(this).find('input').prop('checked', false);
} else {
$(this).find('input').prop('checked', true);
}
});