jQuery highlight div 체크 박스가 선택된 경우

Question

페이지가 여러 개 있고 각 섹션에 해당 확인란이 있습니다. 체크 박스를 선택하면 포함 된 div를 강조 표시하고 점차 사라지게됩니다. 확인란을 선택 취소하면 강조 표시가 없어야합니다. 두 가지 질문이 있습니다. jQuery에서 div를 강조 표시하는 가장 좋은 방법은 무엇입니까? 선택 취소가 아닌 선택 항목 만 강조 표시하려면 어떻게해야합니까?

감사와 같은

Answer 1

없습니다.

체크 박스의 상태를 확인하려면 .prop()을 사용하십시오. 그러나 .is(':checked')도 유효합니다.

JAVASCRIPT :

$(document).ready(function(){ 
    $('input[name="checkbox"]').click(function(){ 
     if($(this).prop('checked')) 
      $('div').eq($(this).parent().index()).effect("highlight", {}, 1000); 
    }); 
}); 

DEMO : http://jsfiddle.net/dirtyd77/gmPtY/2/

Answer 2

뭔가 : 하이라이트 효과를, (당신의 인생을 훨씬 쉽게 할) http://docs.jquery.com/UI/Effects/Highlight을 사용할 수 있도록 바퀴를 개혁 아무 소용이있다

$(':checkbox').click(function() { 
    if ($(this).is(':checked')) { 
     $(this).closest('.parent-class').addClass('highlight'); 
    } 
}