Javascript 从无线电输入更改标签的图像

我试图通过输入带有JavaScript或CSS的单选按钮来更改标签图像

我已经尝试在CSS中输入[type=“radio”]：未（：选中）+标签“，并且 还试图通过JavaScript对其进行更改

我目前拥有的：

var service1=document.getElementById（'service1'）；
var service2=document.getElementById（'service2'）；
var service3=document.getElementById（'service3'）；
if（service1==document.getElementById（'service1'）。选中）{
document.getElementById（'service2'）.src=“delegate\u unchecked.png”；
document.getElementById（'service3'）.src=“good\u rate\u unchecked.png”；
}else if（service2==document.getElementById（'service2'）。选中）{
document.getElementById（'service1'）.src=“bad\u rate\u unchecked.png”；
document.getElementById（'service3'）.src=“good\u rate\u unchecked.png”；
}否则{
document.getElementById（'service2'）.src=“bad\u rate\u unchecked.png”；
document.getElementById（'service3'）.src=“delegate\u unchecked.png”；
}

#服务1输入[type=“radio”]：未（：选中）+标签{
边框：5px纯黑；
边界半径：25px；
}

---

这里不需要js，我看到HTML标记属性有很多问题，但要解决问题，只需使用以下代码

form.service\u费率标签{
显示：内联块；
宽度：42px；
高度：42px；
}
#服务1+标签{
/*背景：url（“./Sources/bad rate.png”）中心/封面不重复*/
背景：url（“http://lorempixel.com/50/50/technics/1/）中心/盖不重复；
}
#服务2+标签{
/*背景：url（“./Sources/delegate.png”）中心/封面不重复*/
背景：url（“http://lorempixel.com/50/50/technics/1/）中心/盖不重复；
}
#服务3+标签{
/*背景：url（“./Sources/good rate.png”）中心/封面不重复*/
背景：url（“http://lorempixel.com/50/50/technics/1/）中心/盖不重复；
}
#服务1：选中+标签{
/*背景：url（“./Sources/bad\u rate\u unchecked.png”）中心/封面不重复*/
背景：url（“http://lorempixel.com/50/50/technics/2/）中心/盖不重复；
}
#服务2：选中+标签{
/*背景：url（“./Sources/delegate\u unchecked.png”）中心/封面不重复*/
背景：url（“http://lorempixel.com/50/50/technics/2/）中心/盖不重复；
}
#服务3：选中+标签{
/*背景：url（“./Sources/good\u rate\u unchecked.png”）中心/封面不重复*/
背景：url（“http://lorempixel.com/50/50/technics/2/）中心/盖不重复；
}

服务费率：

尝试

如果（服务1.选中）

。您应该在开发人员工具控制台中测试代码：

document.getElementById（'service1'）。选中的

应返回一个

布尔值

。虽然

service1

，这是一个

HTMLElement

永远不会等于

boolean

本地托管的图像在这里不会很好地工作。对于图像，您可以使用：

http://lorempixel.com/50/50/technics/1/

，

http://lorempixel.com/50/50/technics/2/

，

http://lorempixel.com/50/50/technics/3/

CSS格式不正确

#service1输入[type=“radio”]

应该是

#service1

，因为它们是相同的。