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

の代わりに未チェックのため.prop()を使用しています。もう

その後、あなたはこの行を必要といけない$(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. もチェックして。これは、それがこのオプションを選択するフィールドを妨げている理由であるe.preventDefault();

   を削除.attr()

Answer 4

クリックイベントから