jQuery radio onchange toggle class of parent element?

Question

Please have a look on the following:

$(\'#myRadio\').change(function() {           

    if($(this).is(\':checked\'))  {
        $(this).parent().addClass(\'         


        

Answer 1

Here is the solution which worked great for me:

var $boxes=$('input:radio');
var $parents = $boxes.parent();
$boxes.click(function(){
    $parents.filter('.selected').removeClass('selected');
    $(this).parent().addClass('selected');
});
$boxes.filter(':checked').parent().addClass('selected');

Features:

• Faster. Only selects list of checkboxes once.
• Does not rely on :checked. I'm not sure if there is a certain order in which "clicked" and "changed" will be executed across browsers.
• uses :radio instead of [type="radio"] which is jQuery recommended
• sets class on the parent for the default value of radio button.

Hope this helps!