JQuery: Verificando se um campo do tipo radio foi selecionado

<script type="text/javascript" 
     src=" https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $('#finaliza').click(function() {
    if (! $("input[type='radio'][name='tamanho']").is(':checked') ){
      alert("TAMANHO\nPor favor, selecione um tamanho.");
      //return false; // para submit habilite esta linha
    }
  });
}); 
</script>
Escolha um tamanho:
<br />
<input type="radio" name="tamanho" />1
<br />
<input type="radio" name="tamanho" />2
<br />
<input type="radio" name="tamanho" />3
<br />
<input type="button" id="finaliza" value="Finalizar" />

Veja funcionando:

[iframe http://jsfiddle.net/XAyQY/embedded/result/ 600 200]

2 comentários em “JQuery: Verificando se um campo do tipo radio foi selecionado

  • 10 de outubro de 2012 em 15:09
    Permalink

    Mais uma dica interessante, o Linha de Comando mandou bem nessa, usei no site que estava desenvolvendo de comércio eletrônico, os créditos foram mantidos no mesmo.
    Valeu por compartilhar.

    Resposta
  • 2 de fevereiro de 2016 em 16:46
    Permalink

    Excelente explicação! Parabéns!

    Resposta

Deixe uma resposta

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