jQuery Klasse zur Radio-Box hinzufügen nicht entfernt

Question

Ich benutze jQuery, um eine Klasse zu einer Radio-Box hinzuzufügen, wenn sie ausgewählt ist. Das funktioniert gut, aber es entfernt nicht die Klasse bei der Auswahl einer anderen Radio-Box.

Was fehlt mir?

jQuery(".checkbox-radio").change(function() { 
    if ($(this).is(':checked')) 
     $(this).closest(".radio-inline").addClass("selected"); 
    else 
     $(this).closest(".radio-inline").removeClass("selected"); 
}); 

<label class="radio-inline conf-option-1"> 
    <input type="radio" class="checkbox-radio" name="configoption[1]" value="1" checked="checked" onclick="prodconfrecalcsummary()"> 
    <i class="icon-addon"></i> 
    <span class="addon-qty"></span> 
    <span class="addon-text">Text</span> 
    <span class="addon-price"> Text </span> 
</label> 

<label class="radio-inline conf-option-2"> 
    <input type="radio" class="checkbox-radio" name="configoption[2]" value="2" checked="checked" onclick="prodconfrecalcsummary()"> 
    <i class="icon-addon"></i> 
    <span class="addon-qty"></span> 
    <span class="addon-text">Text</span> 
    <span class="addon-price"> Text </span> 
</label> 

<label class="radio-inline conf-option-3"> 
    <input type="radio" class="checkbox-radio" name="configoption[3]" value="3" checked="checked" onclick="prodconfrecalcsummary()"> 
    <i class="icon-addon"></i> 
    <span class="addon-qty"></span> 
    <span class="addon-text">Text</span> 
    <span class="addon-price"> Text </span> 
</label> 

Answer 1

entfernen selected Klasse von allen .radio-inline und dann hinzufügen/entfernen selected wie pro Zustand, wie unten gezeigt.

<script> 
jQuery(".checkbox-radio").change(function() { 
    $(".radio-inline").removeClass("selected"); //add this 
    if ($(this).is(':checked')){ 
    $(this).closest(".radio-inline").addClass("selected"); 
    } 
    else 
    $(this).closest(".radio-inline").removeClass("selected"); 
}); 
</script> 

DEMO

Answer 2

The name attribute should be the same for all your check-boxes 
See here: 

JSFIDDLE

Answer 3

jQuery(".checkbox-radio").on('click',function() { 
if ($(this).is(':checked')) 
$(this).closest(".radio-inline").addClass("selected"); 
else 
$(this).closest(".radio-inline").removeClass("selected"); 
}); 

Answer 4

Verwenden ähnliche

$(".radio-inline").click(function() { 

    $(".radio-inline").find("input").removeClass("selected"); 

    if ($(this).find("input").is(':checked')){  
     $(this).find("input").addClass("selected"); 
    } 

});