Как мы можем получить доступ к значению переключателя с помощью DOM?

При необходимости в выбранном большинство платформ поддерживает функциональность как это:

//jQuery
$("input[name='sex']:checked").val()

Существует несколько путей.

1. Поместите идентификатор на каждый вход

<input name="sex" id="sex_male" type="radio" value="male">
<input name="sex" id="sex_female" type="radio" value="female">

Тогда, можно использовать document.getElementById("sex_male")

2. Используйте что-то как PrototypeJS (jQuery работает также)

Тогда, можно сделать что-то вроде этого:

//This loops over all input elements that have a name of "sex"
$('input[name="sex"]').each( function(elem) {
  //Do something
});

Или даже это для достигания просто "штекерного" переключателя:

$('input[name="sex"][value="male"]').each(function(elem) {
  //Do something
});

простой способ начать с , который Прототип , включает его от Google путем добавления этого между < head> </head> теги Вашей страницы:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.3/prototype.js"></script>

Если Вы хотите выбранный, но не имеете платформы удобной, можно выполнить итерации по поиску массива элемента, какой бы ни каждый проверяется:

for (var i = 0; i < document.form1.sex.length; i++) {
    if (document.form1.sex[i].checked) alert(document.form1.sex[i].value);
}

Можно получить значение выбранного радио этим методом:

<script>
function getRadioValue()
{
    for (var i = 0; i < document.getElementsByName('sex').length; i++)
    {
        if (document.getElementsByName('sex')[i].checked)
        {
            return document.getElementsByName('sex')[i].value;
        }
    }
}
</script>

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

Если Вы используете document.form1.sex, Вы возвращаетесь массив.

document.form1.sex[0] = первый переключатель

document.form1.sex[1] = второй переключатель

Для проверки, который проверяется, необходимо циклично выполниться:

whoChecked(document.form1.sex)

function whoChecked(fieldName) {
   for(var x=0;x<fieldName.length;x++) {
     if(fieldName[x].checked) {
        return fieldname[x].value
     }
}

document.getElementByName("sex").value

Вы имеете в виду getElementsByName('sex')[0].value? (Нет никакого getElementByName.)

, Который будет, конечно, всегда выбирать первый входной элемент с тем name —  the тот, значение которого является действительно штекером. Вы тогда проверяете, чтобы видеть, выбрано ли это при помощи †˜. свойство checked’.

Для этого простого случая можно сойти с рук:

var sex= document.getElementsByName("sex")[0].checked? 'male' : 'female';

Для общего случая необходимо циклично выполниться по каждому радио-входу для наблюдения, который проверяется. Вероятно, было бы лучше получить объект формы сначала (помещающий идентификатор на форму, и использующий document.getElementById обычно лучше, чем использование ‘name’-based document.forms набор), и затем доступ form.elements.sex для получения списка, в случае, если существуют любые другие элементы на странице, которые имеют name="sex" атрибуты (потенциально другие вещи, чем поля формы).