Javascript 单选按钮选中时更改图像

我希望发生的是，只有图像要显示，这些图像是单选按钮，每当我选择或选中时，我都想更改它的图像

大概是这样的：

这是到目前为止我的代码

。按钮输入[type=“radio”]{
显示：无；
}
.按钮输入[类型=单选]：选中+标签>img{
背景：url（“https://cdn0.iconfinder.com/data/icons/small-n-flat/24/678134-sign-check-128.png）无重复；
}
.按钮输入[类型=单选]：悬停+标签>img{
-webkit转换：规模（1.3）；
-ms变换：比例（1.3）；
转换：比例（1.3）；
}

---

您没有正确使用“for”属性中的值。它应该是它引用的元素的id

。按钮输入[type=“radio”]{
显示：无；
}
.按钮输入[类型=单选]：选中+标签>img{
背景：url（“https://cdn0.iconfinder.com/data/icons/small-n-flat/24/678134-sign-check-128.png）无重复；
}
.按钮输入[类型=单选]：悬停+标签>img{
-webkit转换：规模（1.3）；
-ms变换：比例（1.3）；
转换：比例（1.3）；
}

---

您没有正确使用“for”属性中的值。它应该是它引用的元素的id

。按钮输入[type=“radio”]{
显示：无；
}
.按钮输入[类型=单选]：选中+标签>img{
背景：url（“https://cdn0.iconfinder.com/data/icons/small-n-flat/24/678134-sign-check-128.png）无重复；
}
.按钮输入[类型=单选]：悬停+标签>img{
-webkit转换：规模（1.3）；
-ms变换：比例（1.3）；
转换：比例（1.3）；
}

您的输入型收音机显示“无”，因此您不能将鼠标悬停在该收音机上，并且您为该图像提供了一个背景，因为该图像将覆盖，因此它不会显示it@Araz关于图像，我已经准备好了低容量的图像。这还能用吗？@hungerstar我明白了，我想看起来像这样，所以我把它藏起来了@Bonnet_Stelle，我把它拿回来。使用

显示：无时工作如果
输入的
id
的值与
标签的
属性的
的值相同。你的不相配。i、 e.它应该是
id=“but1”
和
for=“but1”
。您的输入型收音机没有显示任何内容，因此您不能将鼠标悬停在它上面，并且您为图像提供了一个未显示的背景，因为图像将覆盖it@Araz关于图像，我已经准备好了低容量的图像。这还能用吗？@hungerstar我明白了，我想看起来像这样，所以我把它藏起来了@Bonnet_Stelle，我把它拿回来。使用
显示：无时工作如果
输入的
id
的值与
标签的
属性的
的值相同。你的不相配。i、 e.它应该是
id=“but1”
和
for=“but1”
。