Выясните, установлен ли переключатель с JQuery? - PullRequest
544 голосов
/ 16 февраля 2010

Я могу установить радиокнопку на отлично, но я хочу настроить своего рода «слушатель», который активируется, когда установлен определенный радиокнопка.

Возьмем, к примеру, следующий код:

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

он добавляет проверенный атрибут и все хорошо, но как мне быть? добавление оповещения Например, это всплывает, когда установлен переключатель без помощи функции щелчка?

Ответы [ 16 ]

3 голосов
/ 03 июля 2017

$ ('. Radio-button-class-name'). Is ('флажок') не работал для меня, но следующий код работал хорошо:

    if(typeof $('.radio-button-class-name:checked').val() !== 'undefined'){
     // radio button is checked
    }
3 голосов
/ 18 мая 2016

Динамически генерируемая кнопка-радио Проверка значения радиостанции

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

При изменении динамическая кнопка радио

$('input[name^="radioname"]').change(function () {if (this.value == 2) { }else{}});
2 голосов
/ 30 декабря 2013

попробуйте

    if($('input[name="radiobutton"]:checked').length == 0) {
        alert("Radio buttons are not checked");
    }
1 голос
/ 01 марта 2016

Попробуйте это:

alert($('#radiobutton')[0].checked)
0 голосов
/ 30 апреля 2019

jQuery по-прежнему популярен, но если вы не хотите иметь никаких зависимостей, смотрите ниже. Функция Short & clear для определения, установлен ли переключатель на 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>
0 голосов
/ 27 августа 2016
$("#radio_1").prop("checked", true);

Для версий jQuery до 1.6 используйте:

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