확인란을 선택하면 DIV의 색상을 어떻게 변경합니까?

Question

확인란을 선택하면 DIV의 색을 변경하고 싶습니다. 나는 이것을 jQuery에서하고 싶다. 나는 이것을 시도했다 :

if($('#checkboxTest').is(':checked')) 
    { 
     $('.alertWrapper').css('background-color', 'blue'); 
    } 

그러나 그것은 도움이되지 않는다. 어떤 도움?

Answer 1

:

$('#checkboxTest').change(function() { 
    var c = this.checked ? 'blue' : 'transparent'; 
    $('.alertWrapper').css('background-color', c); 
}); 

Working demo

Answer 2

당신은 당신의 체크 박스의 상태를 추적 할 .change() 이벤트를 사용해야합니다

당신은 change 이벤트 사용할 필요가

$('#checkboxTest').change(function() { 
    if($(this).is(':checked')) 
    { 
     $('.alertWrapper').css('background-color', 'blue'); 
    } else { 
     // Your code here will fired when the checkbox is unchecked 
    } 
}).change(); // <-- Trigger the change event on page load 

Answer 3

을 다음을 사용할 수 있습니다 (클릭 포함). 이벤트) :

$('#checkboxTest').click (function() 
{ 
var thisCheck = $(this); 
if (thischeck.is (':checked')) 
{ 
    // your stuff 
} 
}); 

귀하의 코드는 괜찮아 보인다