Как получить значение из формы ввода типа = радио?

Question

<input type="radio" value="0" name="type" checked="yes" /> 
<label>Type 0</label> 
<input type="radio" value="1" name="type" /> 
<label>Type 1</label> 

и ЯШ:

var type = this.type.value; 
alert(type); 

Как это исправить?

Answer 1

В каком контексте это делает JS код запуска? Если является радиокнопкой, то this.value вернет значение.

Если ваш вопрос: «Как получить значение выбранного в данный момент радиокнопки в группе« Тип »?» то вам может понадобиться, чтобы сделать что-то вроде этого:

function getCheckedRadioValue(radioGroupName) { 
    var rads = document.getElementsByName(radioGroupName), 
     i; 
    for (i=0; i < rads.length; i++) 
     if (rads[i].checked) 
      return rads[i].value; 
    return null; // or undefined, or your preferred default for none checked 
} 

var checkedValue = getCheckedRadioValue("type"); 

(Было бы проще с .querySelector() или .querySelectorAll(), но не все браузеры поддерживают их.)

Answer 2

Просто используйте this.value вместо this.type.value.

this.value будет выбирать значение, связанное с атрибутом value ввода. (Это глоток).

Answer 3

Использование JQuery вы можете сделать, как это

$(function() { 
     $(".rad").click(
     function() { 
      alert(this.value); 
     }); 
    }); 

Смотрите эту JSFiddle

Answer 4

Просто используйте селекторы.

С JQuery

$("input[name=type]:checked").val(); 

Или без JQuery:

document.querySelector("input[name=type]:checked").value;