Enquanto estamos desenvolvendo um formulário no HTML, as vezes nos deparamos em cenários onde precisamos pegar o valor selecionado pelo usuário.
Isso envolve campos de texto, select box, radio buttons, checkbox!
Hoje, vou mostrar como podemos pegar o valor selecionado pelo usuário em um radio button, com Javascript puro!
Vamos considerar que o nosso HTML tem a seguinte estrutura:
1 | <div class="form-group"> |
Legal, agora queremos saber qual é o valor selecionado pelo usuário.
Para isso, vamos verificar com Javascript!
1 | document.querySelector('input[name="client"]:checked').value; |
Com esse Javascript, nós acessamos apenas o radio button que estiver selecionado e que seu name seja client, que é o que definimos no nosso HTML!
Bem simples né?