如何获得这些价值在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