Dowiedz się, czy przycisk opcji jest zaznaczony w JQuery?

Jeśli masz grupę przycisków radiowych o tym samym atrybutie name i podczas wysyłania lub jakiegoś zdarzenia chcesz sprawdzić, czy jeden z tych przycisków został zaznaczony, możesz to zrobić po prostu za pomocą następującego kodu:

$(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!');
    }
  });
});

Źródło

JQuery API Ref

Jako, że rozwiązanie Paraga rzuciło dla mnie błąd, oto moje rozwiązanie (łączące Davida Hedlunda i Paraga):

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

To działało dobrze dla mnie!

Musiałbyś powiązać Zdarzenie kliknięcia pola wyboru, ponieważ zdarzenie zmiany nie działa w IE.

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

Teraz, gdy programowo zmienisz stan, musisz wywołać również to zdarzenie:

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

/ / sprawdzenie przez klasę

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

/ / Sprawdź przez nazwę

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

/ / Sprawdź przez DANE

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

Innym sposobem jest użycie prop (jQuery >= 1.6):

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

Jeśli nie chcesz funkcji kliknięcia użyj funkcji zmiany Jquery

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

To powinna być odpowiedź, której szukasz. jeśli używasz Jquery w wersji powyżej 1.9.1 spróbuj użyć, ponieważ funkcja live została przestarzała.

Rozwiązanie będzie proste, ponieważ po zaznaczeniu określonego przycisku radiowego wystarczy "słuchacz". Zrób to: -

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

... Dzięki chłopaki... wszystko, czego potrzebowałem, to 'wartość' sprawdzonego przycisku radiowego, gdzie każdy przycisk radiowy w zestawie miał inny identyfikator...

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

Praca ze wszystkimi typami przycisków radiowych i przeglądarek

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

Praca Jsfiddle Tutaj

Dynamicznie generowany przycisk radiowy Sprawdź radio get value

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

Przy zmianie dynamicznego przycisku radiowego

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

Spróbuj tego

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

Spróbuj tego:

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

$( '. radio-button-class-name'). is ('checked') nie zadziałało u mnie, ale następny kod zadziałał dobrze:

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

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

Dla wersji jQuery przed 1.6, użyj:

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