jQuery: Radiobuttons werden nicht überprüft

Question

Ich habe ein Projekt, wo ich Radioknopfauswahl verwende, um eine Klasse zu ändern, einfache Sachen.

FIDDLE

Dies ist mein erstes Mal mit Radiobuttons mit einem Skript arbeitet so, was ich nicht herausfinden kann, ist, warum die Optionsfelder nicht aktiviert/ausgewählt erscheinen, habe ich sogar einige jQuery hinzugefügt, um sie zu zwingen, noch ohne Glück "überprüft" werden.

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

Entfernen Sie die e.preventDefault();

Dies ist der Grund, warum es das Feld verhindert, dass diese Option zu wählen.

Und danach, müssen Sie nicht mehr diese Zeile brauchen $(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

Try this:

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

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

Answer 3

1. e.preventDefault(); aus dem Click-Ereignis entfernen.
2. Anregung Nutzungsänderung Ereignis
3. verwenden Auch .prop() zur Überprüfung und un-Überprüfung statt .attr()

Answer 4

Entfernen Sie die e.preventDefault(); aus dem Click-Ereignis