Cari tahu apakah tombol radio diperiksa dengan JQuery?

Saya dapat mengatur tombol radio untuk dicentang dengan baik, tetapi yang ingin saya lakukan adalah mengatur semacam 'pendengar' yang aktif ketika tombol radio tertentu dicentang.

Ambil, misalnya kode berikut:

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

itu menambahkan atribut yang dicentang dan semuanya baik-baik saja, tetapi bagaimana cara menambahkan peringatan. Misalnya, itu muncul ketika tombol radio dicentang tanpa bantuan fungsi klik?

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

Jika Anda memiliki sekelompok tombol radio yang berbagi atribut nama yang sama dan pada saat mengirimkan atau acara yang ingin Anda periksa apakah salah satu dari tombol radio ini dicentang, Anda dapat melakukannya hanya dengan kode berikut:

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

Sumber

jQuery API Ref

Karena solusi Parag membuat kesalahan bagi saya, inilah solusi saya (menggabungkan David Hedlund dan Parag):

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

Ini bekerja dengan baik untuk saya!

Anda harus mengikat acara klik pada kotak centang, karena acara perubahan tidak berfungsi di IE.

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

Sekarang saat Anda secara terprogram mengubah status, Anda harus memicu acara ini juga:

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

// Periksa kelas

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

// Periksa melalui nama

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

// Periksa melalui data

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

Cara lain adalah dengan menggunakan (jQuery> = 1.6) :prop

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

Solusinya akan sederhana, Karena Anda hanya perlu 'pendengar' ketika tombol radio tertentu diperiksa. Lakukan :-

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

Jika Anda tidak ingin fungsi klik gunakan fungsi perubahan Jquery

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

Ini harus menjadi jawaban yang Anda cari. jika Anda menggunakan versi Jquery di atas 1.9.1 coba gunakan sebagai fungsi hidup telah ditinggalkan.

... Terima kasih teman-teman ... yang saya butuhkan adalah 'nilai' dari tombol radio yang diperiksa di mana setiap tombol radio di set memiliki id yang berbeda ...

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

bekerja untukku ...

Bekerja dengan semua jenis Tombol Radio dan Peramban

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

Bekerja di sini

Tombol Radio yang dihasilkan dinamis Periksa radio dapatkan nilai

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

Pada perubahan tombol Radio dinamis

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

$ ('. radio-button-class-name'). is ('dicentang') tidak berfungsi untuk saya, tetapi kode selanjutnya bekerja dengan baik:

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

coba ini

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

Coba ini:

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

jQuery masih populer, tetapi jika Anda tidak memiliki dependensi, lihat di bawah. Fungsi singkat & jelas untuk mengetahui apakah tombol radio dicek pada 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);

Untuk versi jQuery sebelum 1.6, gunakan:

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