доступа значение кнопки радио через форму идентификатор

Question

Я работаю на веб-сайт с несколькими формами радиокнопок, один из которых, как это:

<form id = "configuration"> 
    <ul> 
     <li><input type="radio" name="configuration" id="0" value="0"/> GT Manual</li> 
     <li><input type="radio" name="configuration" id="1" value="1"/> GT Automatic</li> 
    </ul> 
</form> 

есть способ (JavaScript), что я могу получить доступ к значению переключателей напрямую, например

var value = document.getElementById("configuration").configuration.value; 

(здесь первой «конфигурация» является форма идентификатором, а вторая «конфигурация» это имя, а не пробегает по каждому элементу в форме, чтобы проверить, какую кнопку выбрана?

Спасибо !

Answer 1

нет, вы должны цикла по группе радио, чтобы узнать, какой из них выбран. .configuration является стандартным NodeList, а не «подкласс» с дополнительными функциями для работы с радио-групп.

Answer 2

Получить его, как это ...

var radios = document.getElementsByName('configuration'); 
for (i = 0; i < radios.length; i++) { 
    if (radios[i].type == 'radio' && radios[i].checked) { 
     alert(radios[i].value); 
    } 
} 

Answer 3

Поскольку кнопки Радио являются частью группы с одинаковым именем, они идентифицируются отдельным идентификатором. Ответ от KyleK совершенно прав. Однако здесь еще один способ сделать это http://jsfiddle.net/9W76C/

if (document.getElementById('0').checked) { 
    alert("GT Manual"); 
} 

Я также хотел бы предложить использовать JQuery ...

Answer 4

Если вы используете JQuery, вы можете сделать $('#configuration input:checkbox').val();, чтобы узнать, какой из них выбран