JSFiddle - React, Tailwind, and code Playground

HTML

<form action="" method="get">
<label title="Alabama"><input type="checkbox" value="checkbox" />AL</label>
<label title="Alaska"><input type="checkbox" value="checkbox" />AK</label>
<label title="American Samoa"><input type="checkbox" value="checkbox" />AS</label>
</form>

CSS

label {
	margin:0px 2px 4px 2px;	
	padding: 1px;
	background-color: #eee;
	display: block;
	width: 50px;
}

JavaScript

$('input[type=checkbox]').change(function(){
    if($(this).prop('checked')){   
        $(this).parent().css('backgroundColor', '#bff0a1');
    }else{
        $(this).parent().css('backgroundColor', '#eee');        
    }
});