動態更新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>