Dowiedz się, czy przycisk radiowy jest sprawdzany za pomocą JQuery?

Mogę ustawić przycisk opcji tak, aby sprawdził się dobrze, ale chcę zrobić coś w rodzaju „nasłuchiwania”, który aktywuje się po zaznaczeniu określonego przycisku opcji.

Weźmy na przykład następujący kod:

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

dodaje zaznaczony atrybut i wszystko jest w porządku, ale jak bym dodał dodanie alertu. Na przykład pojawia się, gdy przycisk opcji jest zaznaczony bez pomocy funkcji kliknięcia?

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

Jeśli masz grupę przycisków opcji o tym samym atrybucie nazwy i po przesłaniu lub zdarzeniu chcesz sprawdzić, czy jeden z tych przycisków opcji 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

Ponieważ rozwiązanie Paraga rzuciło mi błąd, oto moje rozwiązanie (łączące rozwiązanie 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!

Musisz 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 również wywołać to zdarzenie:

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

// Sprawdź poprzez klasę

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

// Sprawdź nazwę

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

// Sprawdź dane

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

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

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

Rozwiązanie będzie proste, ponieważ potrzebujesz tylko „słuchaczy”, gdy zaznaczony jest pewien przycisk opcji. Zrób to :-

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

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ć jako, że funkcja na żywo była przestarzała.

... Dzięki chłopaki ... wszystko, czego potrzebowałem, to „wartość” zaznaczonego przycisku opcji, w którym każdy przycisk w zestawie miał inny identyfikator ...

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

pracuje dla mnie...

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ź wartość radiową

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

Po zmianie dynamiczny przycisk opcji

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

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

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

Spróbuj tego

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

Spróbuj tego:

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

jQuery jest nadal popularny, ale jeśli nie chcesz mieć żadnych zależności, zobacz poniżej. Krótka i przejrzysta funkcja, aby sprawdzić, czy przycisk opcji jest zaznaczony na 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);

W przypadku wersji jQuery wcześniejszych niż 1.6 użyj:

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