Отслеживать выбранную радиокнопку и применять стиль «на лету»

Question

Мне нужно отследить, какой переключатель установлен и добавить/удалить стиль.

Как определить, какой переключатель в данный момент установлен. Я могу отслеживать только то, что проверено по умолчанию, когда пользователь открыл страницу.

Может кто-нибудь помочь с кодом и поделиться ссылками на дальнейшие чтения о используемых методах.

Большое спасибо!

Answer 1

Добавить событие изменения

var $radio = $('input[type="radio"]'); 

$radio.on('change', function() { 
    var $this = $(this); 
    this.checked ? $this.addClass('a') : $this.removeClass('a'); 
    $radio.not(this).removeClass('a'); 
}); 

check Fiddle

Answer 2

jQuery: проверенный может сделать это за вас. Прокрутите по радио входам (с each, также jQuery) и найдите проверочный вход.

Что-то вроде этого (непроверенные):

jQuery.each('.radio_inputs', function() { 
    if ($(this).is(":checked")) { 
     $(this).addClass('.checked_input'); 
    } 
}); 

http://api.jquery.com/checked-selector/ и http://api.jquery.com/jQuery.each/