I am trying to change the background color of a label in each checkbox in a form based on the checked/unchecked state of the checkbox.So far I got it to change initially, but it
In addition to the '==' typo mentioned by others, you are also checking whether the label is checked rather than the input. Try:
function statecheck(layer) {
var myLayer = document.getElementById(layer),
input = myLayer.getElementsByTagName('input')[0];
//myLayer.style.backgroundColor = "#bff0a1";
if(input.checked == true){
myLayer.style.backgroundColor = "#bff0a1";
} else {
myLayer.style.backgroundColor = "#eee";
};
}
jsFiddle: http://jsfiddle.net/7wnCL/26/