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

CODE：

$('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

从Click事件中删除e.preventDefault();