Radiobutton添加類時檢查，刪除時不檢查

Question

你可以幫我。我想將類'checked'添加到類'.group_4'的跨度中。我想我會使用jQuery。我無法更改HTML。

現在發生的情況是：單擊這兩個項目時，該類不會被刪除。所以這兩個跨度都有「gechecked」類。

任何簡單的解決方案？

謝謝。

$(document).ready(function() { 
 
    $(".attribute_list label").click(function() { 
 
    if ($('input.attribute_radio').is(':checked')) { 
 
     $(this).find('.group_4').addClass("gechecked"); 
 
    } else { 
 
     $(this).find('.group_4').removeClass("gechecked"); 
 
    } 
 
    }); 
 
});

<div class="attribute_list"> 
 
    <ul> 
 
    <li> 
 
     <label><div class="radio" style="display: none;"><span class="checked"><input style="display:none !important" type="radio" class="attribute_radio" name="group_4" value="25"></span></div> 
 
\t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t <span class="group_4 gechecked">Graniet</span></label> 
 
    </li> 
 
    <li> 
 
     <label><div class="radio" style="display: none;"><span class=""><input style="display:none !important" type="radio" class="attribute_radio" name="group_4" value="26" checked="checked"></span></div> 
 
\t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t <span class="group_4 gechecked">Composiet</span></label> 
 
    </li> 
 
    </ul> 
 
</div>

Answer 1

這裏是fiddle

jQuery(document).ready(function($) { 
    $(".attribute_list label").click(function() { 
    $('.group_4').removeClass("gechecked"); 
    if ($('input.attribute_radio').is(':checked')) { 
     $(this).find('.group_4').addClass("gechecked"); 
    } 
    }); 
}); 

Answer 2

試試這個代碼：

$(document).ready(function() { 
     $(".attribute_list label").click(function() { 
     $(this).find('.group_4').removeClass("gechecked");   
     $('input.attribute_radio:checked').parent().parent().parent().find('.group_4').addClass("gechecked"); 
     }); 
    }); 

Answer 3

jQuery(document).ready(function($) { 
    $(".attribute_list label").click(function() { 
    $('.group_4').removeClass("gechecked"); 
    if ($('input.attribute_radio').is(':checked')) { 
     $(this).find('.group_4').addClass("gechecked"); 
    } 
    }); 
});