Radyo düğmesinin JQuery ile kontrol edilip edilmediğini öğrenin?

Bir radyo düğmesini ince işaretli olarak ayarlayabilirim, ancak yapmak istediğim, belirli bir radyo düğmesi işaretlendiğinde etkinleşen bir tür 'dinleyici' kurmak.

Örneğin, aşağıdaki kodu alın:

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

işaretli bir özellik ekler ve her şey yolundadır, ancak uyarı eklemeye nasıl devam ederim. Örneğin, radyo düğmesi, tıklama işlevi yardımı olmadan kontrol edildiğinde açılır mı?

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

Aynı ad özelliğini paylaşan bir grup radyo düğmeniz varsa ve gönderdikten sonra veya bu radyo düğmelerinden birinin işaretli olup olmadığını kontrol etmek istediğiniz bir olay varsa, bunu yalnızca aşağıdaki kodla yapabilirsiniz:

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

Kaynak

jQuery API Ref

Parag'ın çözümü benim için bir hata attığında, işte benim çözümüm (David Hedlund ve Parag'ları birleştirerek):

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

Bu benim için iyi çalıştı!

Değişim olayı IE'de çalışmadığından, onay kutusunun click olayını bağlamanız gerekir.

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

Şimdi programlı olarak durumu değiştirdiğinizde, bu olayı da tetiklemeniz gerekir:

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

// Sınıfı kontrol et

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

// Adı kontrol et

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

// Verileri kontrol etme

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

Başka bir yol da kullanmaktır (jQuery> = 1.6) :prop

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

Çözüm basit olacak, çünkü belirli bir radyo düğmesi işaretlendiğinde 'dinleyicilere' ihtiyacınız var. Yap :-

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

Bir tıklama işlevi istemiyorsanız Jquery değiştirme işlevini kullanın

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

Aradığınız cevap bu olmalı. 1.9.1'in üzerindeki Jquery sürümünü kullanıyorsanız, canlı işlev kullanımdan kaldırıldığı için kullanmaya çalışın.

... Teşekkürler çocuklar ... tüm ihtiyacım olan setteki her radyo düğmesinin farklı bir kimliği olduğu kontrol edilen radyo düğmesinin 'değeri' idi ...

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

benim için çalışıyor...

Her Türlü Radyo Düğmesi ve Tarayıcısı ile Çalışma

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

Jsfiddle Burada Çalışıyor

dinamik oluşturulan Radyo Düğmesi Radyo alma değerini kontrol edin

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

Dinamik Radyo düğmesini değiştirdikten sonra

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

$ ('. radio-button-class-name'). ('işaretlendi') benim için çalışmadı, ancak sonraki kod iyi çalıştı:

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

bunu dene

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

Bunu dene:

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

jQuery hala popülerdir, ancak bağımlılığınız yoksa aşağıya bakın. ES-2015'te radyo düğmesinin işaretli olup olmadığını öğrenmek için kısa ve net fonksiyon:

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);

1.6'dan önceki jQuery sürümleri için şunu kullanın:

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