З'ясуйте, чи перевірено перемикач за допомогою JQuery?

Я можу встановити перемикач, щоб він міг добре перевірятись, але те, що я хочу зробити, - це налаштування свого роду «слухача», який активується, коли перевіряється певна радіо-кнопка.

Візьмемо, наприклад, наступний код:

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

він додає перевірений атрибут, і все добре, але як би я продовжував додавати попередження. Наприклад, що з’являється, коли перевіряється перемикач без допомоги функції клацання?

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

Якщо у вас є група радіо кнопок, що мають однаковий атрибут імені, і після надсилання або якоїсь події ви хочете перевірити, чи була перевірена одна з цих радіо кнопок, ви можете зробити це просто за допомогою наступного коду:

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

Джерело

jQuery API Ref

Оскільки рішення Парага призвело до помилки для мене, ось моє рішення (поєднуючи Девіда Хедлунда та Парага):

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

Це добре працювало для мене!

Вам доведеться прив’язати подію натискання прапорця, оскільки подія зміни не працює в IE.

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

Тепер, коли ви програмно змінюєте стан, вам потрібно також запустити цю подію:

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

// Перевірка через клас

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

// Перевірка імені

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

// Перевірка даних

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

Іншим способом є використання (jQuery> = 1.6) :prop

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

Рішення буде простим, оскільки вам просто потрібні «слухачі», коли перевіряється певна кнопка перемикання. Зроби це :-

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

Якщо ви не хочете функцію клацання, використовуйте функцію зміни Jquery

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

Це має бути відповідь, яку ви шукаєте. якщо ви використовуєте версію Jquery вище 1.9.1, спробуйте використовувати функцію живої функції, яка була знята.

... Дякую, хлопці ... все, що мені було потрібно, було "значенням" зареєстрованої радіо-кнопки, де кожна перемикач у наборі мала інший ідентифікатор ...

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

працює для мене ...

Робота з усіма типами радіо кнопок та браузерів

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

Робота Jsfiddle тут

динамічно сформована кнопка радіо Перевірити значення радіостанції

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

Увімкніть динамічну радіо-кнопку

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

$ ('. radio-button-class-name'). is ('перевірено') не працювало для мене, але наступний код спрацював добре:

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

спробуйте це

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

Спробуйте це:

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

jQuery все ще популярний, але якщо ви хочете не мати залежностей, дивіться нижче. Коротка та чітка функція, щоб дізнатися, чи перевірено перемикач на 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);

Для версій jQuery до 1.6 використовуйте:

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