JavaScript: Valindando campos do tipo Radio

Segue um exemplo de como validar campos do tipo Radio ou Radio Buttons ou ainda Botões de Rádio.

Lembrando que os campos do tipo rádio devem possuir o atributo name com o mesmo valor.

<input name=”tipoEndereco” type=”radio” value=”Residencial”>
<input name=”tipoEndereco” type=”radio” value=”Profissional”>

<html>
<head>
<script language="JavaScript">
function validaRadio() {
  if (document.form1.tipoEndereco[0].checked == false 
    && document.form1.tipoEndereco[1].checked == false) {
    alert('Por favor, selecione o Tipo de Endereço.');
    return false;
  }
  return true;
}
</script>
</head>
<body>
 
<form name="form1" method="post" onSubmit="return validaRadio();">
<table>
<tr><td colspan="2">Endereço para correspondência:</td></tr>        
<tr>
   <td>Residencial: <input name="tipoEndereco" type="radio" value="Residencial"></td>
   <td>Profissional: <input name="tipoEndereco" type="radio" value="Profissional"></td>
</tr>
</table>
<p><input type="submit" value="Enviar"></p>
</form>
</body>
</html>

11 thoughts on “JavaScript: Valindando campos do tipo Radio

  • 15 de maio de 2011 em 12:13
    Permalink

    Obrigado pelo post, me ajudou muito.

    Resposta
  • 29 de maio de 2012 em 15:54
    Permalink

    Ótima dica, foi de grande ajuda.

    Resposta
  • 13 de agosto de 2013 em 17:59
    Permalink

    Esse é o melhor script para esse fim que encontrei. Obrigado.

    Resposta
  • 23 de agosto de 2013 em 17:42
    Permalink

    Olá, preciso de um suporte se puder agradeço

    tenho uma pagina de login para entra no meu site e preciso de colocar dois
    radios para que ele selecione a pagina que irei entra quando clicar em
    login. Estou fazendo em html e java.

    desde ja agradeço

    Resposta
  • 22 de setembro de 2013 em 16:28
    Permalink

    Deus abençõe u-u me ajudoou muito*0*

    Resposta
  • 20 de dezembro de 2013 em 12:24
    Permalink

    Joia me ajudou bastante. Precisava validar o radio button antes de enviar para o php.

    Resposta
    • 9 de março de 2022 em 16:35
      Permalink

      Obrigado, procurei em alguns lugares e não achei a resposta. Aqui funcionou!

      Resposta

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *