Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/408.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 选择时更改标签的颜色_Javascript - Fatal编程技术网

Javascript 选择时更改标签的颜色

Javascript 选择时更改标签的颜色,javascript,Javascript,请看看我在做什么。 我试图使标签改变颜色,如果它被选中。如果选择了另一个选项,则上一个选项将变回原始颜色 我在谷歌上搜索并尝试了别人的代码 function checkState(id){ var layer = document.getElementById(id); if(layer.childNodes[0].checked === true){ layer.style.backgroundColor = "#0099CC"; } else{ lay

请看看我在做什么。 我试图使标签改变颜色,如果它被选中。如果选择了另一个选项,则上一个选项将变回原始颜色

我在谷歌上搜索并尝试了别人的代码

function checkState(id){
    var layer = document.getElementById(id);
    if(layer.childNodes[0].checked === true){
    layer.style.backgroundColor = "#0099CC";
    }
else{
    layer.style.backgroundColor = "#eee" ;
};
}
但这会导致在选择第二个选项时,先前选择的选项不会更改回原始颜色。 请不要JQuery。

已更正为实际工作。将来,在你发布之前,确保你的小提琴真的能用

除此之外,我还修复了语法错误(
for(int I…)
?真的吗?),并更改了“将颜色设置回正常”以清除样式,从而允许悬停效果继续工作

在未来版本的CSS中,您将能够执行以下操作:

!label>input:checked {background-color:#09c;}

将确定选择器的“目标”。注意,语法还不确定。

所以我几乎是对的!我不知道怎么用小提琴,我知道不应该在脚本标签上加上。谢谢(因为(inti=0;i