选择单选按钮的特定选择后，动态更新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">

如何确定哪个图像是哪个？

我想确定用户选择了哪个图像，但是我的限制是所有图像的值都将相同。并且由于它是一个广播，所以同一广播组中所有名称都将相同。 ??

提前致谢。

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");
   }
}

Answer 2

    <input type="radio" id="1" name="image" value="500"   onchange="fnc(this.id)"/><img src="1.png" >
<input type="radio" id="2" name="image" value="500"  onchange="fnc(this.id)"/><img src="2.png" >
<input type="radio"  id="3" name="image" value="500"  onchange="fnc(this.id)"/><img src="2.png">

<script type="text/javascript">
function fnc(myid)
{
    if(myid=='1')
    {
        alert("you've selected image"+myid);
    }
    else if(myid=='2')
    {
        alert("you've selected image"+myid);
    }
    else if(myid=='3')
    {
        alert("you've selected image"+myid);
    }
}
</script>