Как вывести значение из радиокнопки на чистом js?

Question

[Andreas112]

Нужно вывести значение value из кнопки.

https://jsfiddle.net/84b5hyut/

Comments

[WapSter]

Обернуть в форму, на нее повесить слушателя chenge, пробегать циклом по элементам искать чекнутый, выводить его значение.

Answer 1

[v3shin]

<input type="radio" id="fruit1" name="fruit-1" value="1" class="fruit_radio">
  <label for="fruit1" id="level" value="3">Текст1</label>
<input type="radio" id="fruit2" name="fruit-1" value="5" class="fruit_radio">
  <label for="fruit2" id="level1" value="6">Текст2</label>
<input type="radio" id="fruit3" name="fruit-1" value="11" class="fruit_radio">
  <label for="fruit3" id="level2" value="9">Текст3</label>

document.querySelectorAll('.fruit_radio').forEach(function (radio) {
	radio.addEventListener('click', function () {
  	if (this.checked) {
    	console.log(this.value);
    }
  });
});

Comments

[Andreas112]

Большое спасибо

Answer 2

[VegasChickiChicki]

document.querySelectorAll('input').forEach(function(el){
	el.addEventListener('click',function(){
	   console.log(this.value);
  })
})

Например вот так.