如何獲得這些價值在JavaScript上的任何按鈕的點擊

Question

如何使用document.getElementById

<input type="radio" name="rbRate" id="1" value="1"/>1 
<input type="radio" name="rbRate" id="2" value="2"/>2 
<input type="radio" name="rbRate" id="3" value="3"/>3 
<input type="radio" name="rbRate" id="4" value="4"/>4 
<input type="radio" name="rbRate" id="5" value="5"/>5 

Answer 1

您可以通過document.getElementById得到他們的引用可以在javascript中的這些值，然後得到他們的價值從他們的value屬性。但請注意，這會給你分配給單選按鈕的value，無論按鈕是否被選中。 （對於這一點，你看它的checked屬性。）

因此，例如：

var n, checkedValue, rdo; 

for (n = 1; n <= 5; ++n) { 
    rdo = document.getElementById(n); // n will get promoted to a string automatically 
    if (rdo.checked) { 
     checkedValue = rdo.value; 
     break; 
    } 
} 

的checkedValue變量將是檢查按鈕的值，或undefined如果他們沒有被選中。注意：雖然id以數字開頭的值在HTML5中可以使用，但它們過去無效（HTML4及更早版本），並且在CSS中仍然無效。最好遠離它們。

Answer 2

使用value屬性，像這樣document.getElementById('1').value