jQuery: Радио кнопки не проверяются

Question

У меня есть проект, в котором я использую выбор переключателей для изменения класса, простого материала.

FIDDLE

Это мой первый раз, работая с кнопками радио со сценарием, так что я не могу работать, поэтому радио кнопка не отображается проверить/выбрано, я даже добавил некоторые JQuery, чтобы заставить их быть «проверенным» до сих пор не повезло.

$('input.eaBtn[type="radio"]').click(function (e) { 
    e.preventDefault(); 
    console.log($(this).data('class')) 
    $('.eaStaff').removeClass('transBg darkBg lightBg customBg'); 
    $('.eaStaff').addClass($(this).data('class')); 
    $(this).attr('checked', true); 
}); 

Answer 1

Удалить e.preventDefault();

Это является причиной того, что препятствует поле, чтобы выбрать эту опцию.

И после этого, вы не нужна эта линия больше $(this).attr('checked', true);

jsfiddle

КОД:

$('input.eaBtn[type="radio"]').click(function (e) { 
    //e.preventDefault(); 
    console.log($(this).data('class')) 
    $('.eaStaff').removeClass('transBg darkBg lightBg customBg'); 
    $('.eaStaff').addClass($(this).data('class')); 
    //$(this).attr('checked', true); 
}); 

Answer 2

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

To make it checked 
$('#radioId').attr('checked', true); 

To make it unchecked 
$('#radioId').attr('checked', false); 

Answer 3

1. Удалить e.preventDefault(); из события щелчка.
2. Предложение событие изменения Использование
3. использовать также .prop() для проверки и убрав вместо .attr()

Answer 4

Удалите e.preventDefault(); из события щелчка