动态更新html页面上图像的选择，选择单选按钮

如果我将一个“值”赋给一个单选按钮，以在我的脚本编程中使用该“值”，并假定该值被分配给一个图像代码看起来像这样动态更新html页面上图像的选择，选择单选按钮

<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">

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

我想确定用户选择了哪个图像，但是我的约束是这样的，所有图像的值将是相同的。并且因为它是一个收音机，所以在相同的收音机组中所有人都是相同的.. 还有什么？？

在此先感谢。

来源

2013-02-11 Sumit

给每个输入项目一个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"); 
    } 
}

来源

2013-02-11 07:36:34 999k

是啊，将工作..感谢了很多。为什么我不认为更早？ – Sumit 2013-02-11 07:57:14

<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>

来源

2013-02-11 07:40:21 polin

动态更新html页面上图像的选择，选择单选按钮

回答

相关问题