javascript - 在选择特定单选按钮选择时动态更新 html 页面上的图像

Question

如果我将“值”分配给单选按钮以在我的脚本编程中使用该“值”，并假设该值分配给图像并且代码如下所示

<input type="radio" name="image" value="500"/><img src="1.png">
<input type="radio" name="image" value="500"/><img src="2.png">
<input type="radio" name="image" value="500"/><img src="2.png">

我如何识别哪个图像是哪个图像？

我想确定用户选择了哪个图像，但我的限制是所有图像的值都相同..并且因为它是一个 radio ，所以同一 radio 组中的所有图像的名称都相同。 . 还有什么？？

提前致谢。

Answer 1

为每个输入项指定一个 id。然后使用 document.getElementById("radio1").checked

检查

<input type="radio" id = "radio1" name="image" value="500"/><img src="1.png">
<input type="radio" id = "radio2" name="image" value="500"/><img src="2.png">
<input type="radio" id = "radio3" name="image" value="500"/><img src="2.png">

function check()
{
   for (var i=1; i <= 3; i++)
   {
     if (document.getElementById("radio" + i).checked)
         alert("image is " + i + ".png");
   }
}