JQuery: Dica rápida – Radio Button

Algumas formas de obter o valor de um radio button selecionado.

$(“:radio”) é equivalente $(“input[type=’radio’]”) e pode ser usado assim também $(“input:radio”).

— fazendo referência a um radio button específico (usando o atributo name)
$(“input[type=’radio’][name=’cor’]”) ou $(‘input[name=’cor’]:radio’)

Exemplos:

 Azul
 Amarelo

// clique do botão
$('#verifica').click(function() {
  // forma 1  - será retornado, sempre, o valor do primeiro elemento do tipo radio 
  var $cor = $("input[type='radio'][name='cor']").val();
  alert($cor);

  // forma 2 - retorna o valor correto selecionado
  var $cor = $("input[name='cor']:checked").val()

  // forma 3 - retorna o valor correto selecionado
  var $radio  = $("input[name='cor']");
  var $cor    = $radio.filter(':checked').val();
}); 

// ao selecionar um item
$("input:radio[name='cor']").click(function() {
  var $cor = $(this).val();
  alert($cor);
});

$("input:radio[name='cor']").click(function() {
  var $cor = $("input:radio[name='cor']:checked").val();
  alert($cor);
});

// obtém o valor de todos os radios button selecionados
$("input:radio").click(function() {
  var $cor = $(this).val();
  alert($cor);
});