스타일링 라디오 버튼 라벨 한 테이블 행 내부

Question

여기서, I는 라디오 버튼을 포함하는 복수의 행이 하나의 테이블, 난이 달성하고자하는 물건이되어 난 인접 라벨이 변색 라디오 버튼을 확인하면

을 그 모든 단 하나의 줄에있는 다른 모든 레이블들은 색상이 느슨합니다.

지금 당장 메신저가 닫히지 만 동일한 행의 다른 라디오 버튼에서 색상을 올바르게 제거하기위한 jquery 기술이 누락되었습니다.

여기에는 천 개가 넘는 단어가 있습니다. 어떤 도움이라도 대단히 감사합니다.

http://jsfiddle.net/cos33qvk/

자바 스크립트 :

$('input:radio').change(function(){ 
    if($('input:radio').is(":checked")) { 
     $(this).parent().find('label i').addClass("on"); 
    } else { 
     $(this).parent().find('label i').removeClass("on"); 
    } 
}); 

Answer 1

$('input:radio').change(function() { 
    // remove color properly on other radio buttons 
    $(this).parents('tr').find('td label i').removeClass("on"); 

    // add class for current label 
    if ($('input:radio').is(":checked")) { 
     $(this).parent().find('label i').addClass("on"); 
    } 
}); 

데모 : http://jsfiddle.net/cos33qvk/2/