체크 상자가 선택된 경우 jquery 강조 표 행

Question

요소를 "클릭"하면 테이블 행을 강조 표시하는 방법을 알고 있습니다.

하지만 페이지를 열면 일부 체크 박스가 이미 선택되어 있습니다. 페이지가로드 될 때 jquery를 사용하여 해당 행을 강조 표시합니다.

나는 모든 체크 박스에 "체크 박스"클래스를 부여했습니다. 는 여기에 지금까지 가지고있는 작업은 다음과 같습니다

$(document).ready(function(){ 

    if($('.checkboxes').attr("checked") == true){ /*not sure how to detect a row*/ } 

}); 

내가 안으로 넣어 모르겠어요.

내가 가진 가장 가까운

이를 배치했다 :

$(this).closest('tr').addClass("pinkrow"); 

그러나 $(this) 분명히 감지하지 않습니다. 당신은 .each()^[docs]을 사용할 수 있습니다

Answer 1

과 :checked^[docs] 의사 선택 :

$('tr .checkboxes').each(function() { 
    if(this.checked) { 
     $(this).closest('tr').addClass('pinkrow'); 
    } 
}); 

: 당신이 순수한 CSS 선택기를 사용하려면

$('tr .checkboxes:checked').each(function() { 
    $(this).closest('tr').addClass('pinkrow'); 
}); 

, 당신은 요소는 DOM 요소의 checked 속성을 확인할지 여부를 테스트 할 수 있습니다

tr .checkboxes은 테이블 행에있는 요소 인 .checkboxes만을 선택합니다 (다른 요소가있는 경우에 한함).