Как получить значение выбранной радиокнопки?

Question

[Айнур Ярулин]

Допустим есть две радиокнопки, как вывести в console.log() значение выбранной радиокнопки?

<div>
  <input type="radio" name="gender" value="Человек">
  <input type="radio" name="gender" value="Женщина">
  <button>Отправить</button>
</div>

P.S: Вообще если загуглить этот вопрос, то решения там какие-то некрасивые, поэтому
я задал этот вопрос, вдруг есть способ сделать это как-то элегантно. Желательно чистый JS.

Answer 1

[Тигран Абрамян]

document.querySelector('button').addEventListener('click', function() {
	console.log(document.querySelector('[type="radio"]:checked').value);
});

Comments

[Айнур Ярулин]

TAbrahamyan, благодарю, это как раз то, что мне нужно)

Answer 2

[G F]

Вместо дива форму и на сабмит ивент смотри значения formData

Comments

[Айнур Ярулин]

G F, пока что код, который родился в моей голове — не работает)

const form = document.querySelector('.form')
form.addEventListener('submit', event => {
  event.preventDefault()
  console.log(form.value)
})

[G F]

squadbrodyaga, погугли formData, ещё не раз пригодится в дальнейшем. https://developer.mozilla.org/en-US/docs/Web/API/F...

[G F]

А остальное правильно все, только value заменить

[Айнур Ярулин]

G F, щас почитаю, пасибон