Como Verificar Se O Radio Button Está Checado Com Javascript

Diariamente, o desenvolvedor constantemente depara-se com situações onde devem ser feitas verificações em seus formulários.
Esses formulários são compostos, por sua maioria, de input de textos, telefones, endereço, etc
E também temos casos onde há o input do tipo radio.

A pergunta é, como verificar se o radio button está checado, pelo Javascript?

Imaginemos que você tem o seguinte HTML:

1
2
<input type="radio" name="gender" id="genero_masculino" value="Masculino" />
<input type="radio" name="gender" id="genereo_feminino" value="Feminino" />

Para verificarmos se o gênero está selecionado, podemos usar a seguinte abordagem com Javascript puro:

1
2
3
4
5
6
7
if (document.getElementById("genero_masculino").checked) {
// Lógica caso seja gênero
// masculino selecionado
} else if (document.getElementById("genero_feminino").checked) {
// Lógica caso seja gênero
// feminino selecionado
}

Esta é uma verificação bem simples que podemos fazer!
Mas lembre-se que nem só de validação server-side viverá sua aplicação!
O ideal sempre é que tenhamos alguma validação também do lado do back-end!