Я могу установить переключатель правильно, но я хочу настроить своего рода "прослушиватель", который активируется при проверке определенного переключателя.
Возьмите, например, следующий код:
$("#element").click(function()
{
$('#radio_button').attr("checked", "checked");
});
он добавляет проверенный атрибут, и все хорошо, но как бы я пошел добавив предупреждение. Например, это всплывающее окно, когда установлен переключатель без помощи функции щелчка?
$('#element').click(function() {
if($('#radio_button').is(':checked')) { alert("it checked"); }
});
is(':checked')
всякий раз, когда. так что если вы хотите что-то показать при загрузке страницы, например, в зависимости от того, установлен ли флажок, вы можете просто вставить тот же оператор if в загрузку страницы.
Если у вас есть группа переключателей, имеющих один и тот же атрибут имени, а после отправки или какого-либо события вы хотите проверить, был ли отмечен один из этих переключателей, вы можете сделать это просто следующим кодом:
$(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!');
}
});
});
В качестве решения Parag я сделал ошибку для меня, здесь мое решение (сочетающее Дэвида Хедлунда и Парага):
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
}
Другой способ - использовать prop
(jQuery >= 1.6):
$("input[type=radio]").click(function () {
if($(this).prop("checked")) { alert("checked!"); }
});
.prop()
намного быстрее и проще набирать.
Если вам не нужна функция щелчка используйте функцию изменения JQuery
$('#radio_button :checked').live('change',function(){
alert('Something is checked.');
});
Это должен быть ответ, который вы ищете. если вы используете версию JQuery выше 1.9.1 попробуйте использовать, поскольку функция live была устарела.
Решение будет простым. Поскольку вам просто нужны "слушатели", когда установлен определенный переключатель. Сделайте это: -
if($('#yourRadioButtonId').is(':checked')){
// Do your listener stuff here.
}
... Спасибо, ребята, все, что мне было нужно, это "значение" проверенной радиокнопки, где у каждого переключателя в наборе был другой идентификатор...
var user_cat = $("input[name='user_cat']:checked").val();
работает для меня...
Работа со всеми типами кнопок и браузеров радиосвязи
if($('#radio_button_id')[0].checked) {
alert("radiobutton checked")
}
else{
alert("not checked");
}
динамическая сгенерированная радиокамера Проверить значение радиоприемника
$("input:radio[name=radiobuttonname:checked").val();
При изменении динамической радио кнопки
$('input[name^="radioname"]').change(function () {if (this.value == 2) { }else{}});
попробуйте это
if($('input[name="radiobutton"]:checked').length == 0) {
alert("Radio buttons are not checked");
}
$('. radio-button-class-name'). is ('checked') не работает для меня, но следующий код работал хорошо:
if(typeof $('.radio-button-class-name:checked').val() !== 'undefined'){
// radio button is checked
}
$('.radio-button-class-name').first().is(':checked')
должен был работать.
Попробуйте следующее:
alert($('#radiobutton')[0].checked)
$("#radio_1").prop("checked", true);
Для версий jQuery до версии 1.6 используйте:
$("#radio_1").attr('checked', 'checked');
checked
, а не запрашивает его.
Monitoring when a radio button is unchecked
связанных,Monitoring when a radio button is unchecked
stackoverflow.com/questions/5824639/…