JSFiddle - React, Tailwind, and code Playground

HTML

<form action="" method="get">
<label title="Alabama" id="Alabama"><input type="checkbox" value="checkbox" onchange="statecheck('Alabama')" />AL</label>
<label title="Alaska" id="Alaska"><input type="checkbox" value="checkbox" onchange="statecheck('Alaska')" />AK</label>
<label title="American Samoa" id="AmericanSamoa"><input type="checkbox" value="checkbox" onchange="statecheck('AmericanSamoa')" />AS</label>
</form>

CSS

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

JavaScript

function statecheck(layer) {
	var myLayer = document.getElementById(layer);
    var input = myLayer.childNodes[0];
	if(input.checked == true){
		myLayer.style.backgroundColor = "#bff0a1";
		} else {
		myLayer.style.backgroundColor = "#eee";
	};
	
}