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

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>

и js:

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

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

Answer 1

В каком контексте выполняется этот код JS? Если радиокнопкой является this, то 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

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

С JQuery

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

или без jquery:

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

Answer 3

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

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

Answer 4

Используя jQuery, вы можете сделать это

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

Посмотреть это JSFiddle