jQuery UI 라디오 버튼 - 각 선택에 따라 색상이 다릅니 까?

Question

나는 Aristo 테마로 jQuery UI 라디오 버튼을 사용하고 있으며 환상적입니다.

문제는 "승인"과 "거부"의 두 가지 옵션이있는 두 개의 라디오 버튼이 있습니다. 승인이 선택되면 버튼이 파란색으로 나타나기를 원합니다. 내가 선택하는 경우하지만 (그와 마찬가지로, 회색 가서 승인) 버튼을

여기

내 HTML의 빨간색 가고 싶습니다 '거부'

<div id="toggle"> 
    <input type="radio" id="approve" name="approved" checked /><label for="approve">Approve</label> 
    <input type="radio" id="reject" name="approved" /><label for="reject">Reject</label> 
</div> 

그리고 내 CSS :

#reject .ui-button.ui-state-focus { 
    background: url(images/bg_red.png) repeat-x; 
    font-size: 200%; 
} 

CSS는 레이블을 전혀 타겟팅하지 않습니다. jQuery UI로 작성된 오버레이이기 때문에 긴 장면이지만 선택에 따라 색상을 변경하는 방법이 있습니까?

감사합니다.

Answer 1

당신은 그냥 라디오 버튼이 아닌 라벨 오버레이 클래스를 적용하기 때문에 불행하게도이 그래도 작동하지 않습니다,이

$('#approve').change(function(){ 
    if($(this).is(':checked')) 
    { 
     $(this).addClass('blue'); 
     $('#reject').removeClass('red'); 
    } 
}); 

$('#reject').change(function(){ 
    if($(this).is(':checked')) 
    { 
     $(this).addClass('red'); 
     $('#approve').removeClass('blue'); 
    } 
});