Scopri se il pulsante di opzione è selezionato con JQuery?

Posso impostare un pulsante di opzione per il controllo corretto, ma quello che voglio fare è impostare una sorta di 'listener' che si attiva quando viene selezionato un determinato pulsante di opzione.

Prendi ad esempio il seguente codice:

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

aggiunge un attributo controllato e tutto va bene, ma come farei per aggiungere un avviso. Ad esempio, questo si apre quando il pulsante di opzione è selezionato senza l'aiuto della funzione clic?

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

Se hai un gruppo di pulsanti di opzione che condividono l'attributo dello stesso nome e al momento dell'invio o qualche evento che desideri verificare se uno di questi pulsanti di opzione è stato controllato, puoi farlo semplicemente con il seguente codice:

$(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

Rif. API jQuery

Mentre la soluzione di Parag ha gettato un errore per me, ecco la mia soluzione (che combina David Hedlund e Parag):

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

Questo ha funzionato bene per me!

Dovresti associare l'evento click della casella di controllo, poiché l'evento change non funziona in IE.

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

Ora, quando si modifica a livello di codice lo stato, è necessario attivare anche questo evento:

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

// Controlla attraverso la classe

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

// Controlla attraverso il nome

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

// Controlla attraverso i dati

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

Un altro modo è usare (jQuery> = 1.6) :prop

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

La soluzione sarà semplice, poiché hai solo bisogno di "ascoltatori" quando viene selezionato un determinato pulsante di opzione. Fallo :-

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

Se non si desidera una funzione clic, utilizzare la funzione di modifica di Jquery

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

Questa dovrebbe essere la risposta che stai cercando. se stai usando la versione di Jquery sopra la 1.9.1 prova ad usarla perché la funzione live era stata deprecata.

... Grazie ragazzi ... tutto ciò di cui avevo bisogno era il "valore" del pulsante di opzione selezionato in cui ogni pulsante di opzione nel set aveva un ID diverso ...

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

per me va bene...

Lavorare con tutti i tipi di pulsanti di opzione e browser

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

Lavoro Jsfiddle qui

Pulsante di opzione generato dinamicamente Controlla che la radio ottenga un valore

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

Al cambio pulsante di opzione dinamico

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

$ ('. radio-button-class-name'). is ('controllato') non ha funzionato per me, ma il codice successivo ha funzionato bene:

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

prova questo

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

Prova questo:

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

jQuery è ancora popolare, ma se non si desidera avere dipendenze, vedere di seguito. Funzione breve e chiara per scoprire se il pulsante di opzione è selezionato su 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);

Per le versioni di jQuery precedenti alla 1.6, utilizzare:

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