Javascript 从无线电选择中找到标签img并应用于单独的img src

我正在寻找

JavaScript

，它从

所选输入中获取
img src
，并将其应用到一个单独div的
img src
，该div是我在
下创建的。selected radio

我希望
的
img src
与所选的
收音机
匹配，并选中初始的


#收音机{
显示器：flex；
填充：20px；
}
#无线电标签，
.精选电台{
显示：块；
高度：38px；
宽度：38px；
光标：指针；
位置：相对位置；
}
#无线电标签+标签{
左边距：25px；
}
输入[type=“radio”]{
不透明度：0；
位置：绝对位置；
}
输入[type=“radio”]+span{
位置：绝对位置；
排名：0；
左：0；
右：0；
底部：0；
颜色：#b3cefb；
边界半径：50%；
填充物：5px；
过渡：全部为0.4s；
-webkit转换：所有0.4s；
}
输入[type=“radio”]：选中+span{
边框：2px实心#4285f4；
}
您可以使用javascript实现这一点

我添加了一个函数，
changeImg
，并在
img
s上添加了一些id

img
的Id采用特定形式，以“img-”开头，以相关单选按钮的值结尾


功能更改img（elm）{
var val=elm.value；
var img=document.getElementById（'img-'+val）；
var src=img.src；
var imgSelectedRadio=document.getElementById（'img-selected-radio'）；
imgSelectedRadio.src=src；
}
#收音机{
显示器：flex；
填充：20px；
}
#无线电标签，
.精选电台{
显示：块；
高度：38px；
宽度：38px；
光标：指针；
位置：相对位置；
}
#无线电标签+标签{
左边距：25px；
}
输入[type=“radio”]{
不透明度：0；
位置：绝对位置；
}
输入[type=“radio”]+span{
位置：绝对位置；
排名：0；
左：0；
右：0；
底部：0；
颜色：#b3cefb；
边界半径：50%；
填充物：5px；
过渡：全部为0.4s；
-webkit转换：所有0.4s；
}
输入[type=“radio”]：选中+span{
边框：2px实心#4285f4；
}

…到目前为止你还没有尝试过什么？我是说你的要求很简单。对自己解决问题表现出一些兴趣，然后我们可能会提供帮助。感谢您的解决方案！现在我想知道如何使用相同的设置来应用背景色，而不是img src。。。