JSFiddle - React, Tailwind, and code Playground
HTML
<div style="overflow:auto;width:250px;height:75px;border:1px solid #336699;padding-left:5px">
<label style="{width:250px;}"><input type="checkbox" name="wow[]" onclick='highlight_div(this);'> PHP</label>
<label style="{width:250px;}"><input type="checkbox" name="wow[]" onclick='highlight_div(this);'> LINUX</label></div>
CSS
label {
display: block;
}
JavaScript
function highlight_div(checkbox_node) {
label_node = checkbox_node.parentNode;
if (checkbox_node.checked) {
label_node.style.backgroundColor = '#0a246a';
label_node.style.color = '#fff';
} else {
label_node.style.backgroundColor = '#fff';
label_node.style.color = '#000';
}
}