Descubra se o botão de opção está marcado com o JQuery?

Posso definir um botão de opção como bem, mas o que eu quero fazer é configurar um tipo de 'ouvinte' que é ativado quando um determinado botão de opção é marcado.

Tome, por exemplo, o seguinte código:

$("#element").click(function()
{ 
    $('#radio_button').attr("checked", "checked");
});

ele adiciona um atributo verificado e está tudo bem, mas como eu adicionaria um alerta. Por exemplo, isso aparece quando o botão de opção é marcado sem a ajuda da função de clique?

$('#element').click(function() {
   if($('#radio_button').is(':checked')) { alert("it's checked"); }
});

Se você tiver um grupo de botões de opção compartilhando o mesmo atributo de nome e, após o envio ou algum evento, deseja verificar se um desses botões de opção foi marcado, é possível fazer isso simplesmente pelo seguinte código:

$(document).ready(function(){
  $('#submit_button').click(function() {
    if (!$("input[name='name']:checked").val()) {
       alert('Nothing is checked!');
        return false;
    }
    else {
      alert('One of the radio buttons is checked!');
    }
  });
});

Fonte

Ref da API jQuery

Como a solução de Parag gerou um erro para mim, aqui está a minha solução (combinando as de David Hedlund e Parag):

if (!$("input[name='name']").is(':checked')) {
   alert('Nothing is checked!');
}
else {
   alert('One of the radio buttons is checked!');
}

Isso funcionou bem pra mim!

Você precisaria vincular o evento click da caixa de seleção, pois o evento change não funciona no IE.

$('#radio_button').click(function(){
    // if ($(this).is(':checked')) alert('is checked'); 
    alert('check-checky-check was changed');
});

Agora, quando você altera programaticamente o estado, também é necessário disparar este evento:

$('#radio_button').attr("checked", "checked");
$('#radio_button').click();

// Classe de verificação

if($("input:radio[class='className']").is(":checked")) {
     //write your code         
}

// Verifique o nome

if($("input:radio[name='Name']").is(":checked")) {
         //write your code         
}

// Verificar dados

if($("input:radio[data-name='value']").is(":checked")) {
         //write your code         
}

Outra maneira é usar (jQuery> = 1.6) :prop

$("input[type=radio]").click(function () {
    if($(this).prop("checked")) { alert("checked!"); }
});

A solução será simples, pois você só precisa de 'ouvintes' quando um determinado botão de opção é marcado. Faça :-

if($('#yourRadioButtonId').is(':checked')){ 
// Do your listener's stuff here. 
}

Se você não deseja uma função de clique, use a função de alteração do Jquery

$('#radio_button :checked').live('change',function(){
alert('Something is checked.');
});

Essa deve ser a resposta que você está procurando. se você estiver usando a versão do Jquery acima da 1.9.1, tente usá-la como se a função ao vivo tivesse sido descontinuada.

... Obrigado pessoal ... tudo o que eu precisava era do 'valor' do botão de opção marcado, onde cada botão de opção do aparelho tinha um ID diferente ...

 var user_cat = $("input[name='user_cat']:checked").val();

funciona para mim...

Trabalhando com todos os tipos de botões de opção e navegadores

if($('#radio_button_id')[0].checked) {
   alert("radiobutton checked")
}
else{
   alert("not checked");
}

Trabalhando Jsfiddle Aqui

botão de rádio gerado dinamicamente Verificar rádio obter valor

$("input:radio[name=radiobuttonname:checked").val();

Botão de opção dinâmica de mudança

$('input[name^="radioname"]').change(function () {if (this.value == 2) { }else{}});

$ ('. radio-button-class-name'). is ('selected') não funcionou para mim, mas o próximo código funcionou bem:

    if(typeof $('.radio-button-class-name:checked').val() !== 'undefined'){
     // radio button is checked
    }

tente isso

    if($('input[name="radiobutton"]:checked').length == 0) {
        alert("Radio buttons are not checked");
    }

Tente o seguinte:

alert($('#radiobutton')[0].checked)

O jQuery ainda é popular, mas se você quiser não ter dependências, veja abaixo. Função curta e clara para descobrir se o botão de opção está marcado no ES-2015:

function getValueFromRadioButton( name ){
  return [...document.getElementsByName(name)]
         .reduce( (rez, btn) => (btn.checked ? btn.value : rez), null)
}

console.log( getValueFromRadioButton('payment') );

<div>  
  <input type="radio" name="payment" value="offline">
  <input type="radio" name="payment" value="online">
  <input type="radio" name="payment" value="part" checked>
  <input type="radio" name="payment" value="free">
</div>

$("#radio_1").prop("checked", true);

Para versões do jQuery anteriores à 1.6, use:

$("#radio_1").attr('checked', 'checked');