Javascript : 화면의 체크 박스 만 선택하는 방법

Question

20 개의 페이지 (페이지 당 10 개의 행)로 페이징되는 200 개의 행 테이블이 있습니다. 각 행에는 확인란이 있습니다. 나는 모든 테이블이 여전히 존재하도록 jPage를 사용하고, "display : none"에 의해서만 감추어진다. 나는이 같은 (첨부 일부 이전 조건) 모든 확인란을 선택하는 기능, 뭔가를 작성했습니다 :

$('#masterCbox').click(function() { 
    if($(this).is(':checked')) { 
    $('.childCbox').prop('checked', false); 
    $('.select-y').children('.childtd').children('.childCbox').prop('checked', true); 
    } else 
    $('.childCbox').prop('checked', false); 
}); 

이 클래스가 모든 행을 확인합니다 = "선택-Y '.

그러나 화면의 체크 박스 만 선택해야합니다 (확인란은 페이지를 표시하는 행에 속합니다). 나는 그것을 어떻게 성취 할 것인가?

Answer 1

JQuery에서 : visible 셀렉터를 사용하여 표시되는지 여부를 확인할 수 있습니다.

Answer 2

확인은 볼, 그리고 어딘가에 .select-y 일치하는 부모가있는 경우 바로 모든 children() 물건 대신 확인하는 경우 : 당신은 당신의 행을 볼 수 있습니다 있는지 확인하는 필터를 적용 할 수 있습니다

$('#masterCbox').click(function() { 
    if(this.checked) { 
     $('.childCbox').prop('checked', false).filter(function() { 
      return $(this).is(':visible') && $(this).closest('.select-y').length; 
     }).prop('checked', true); 
    } else { 
     $('.childCbox').prop('checked', false); 
    } 
}); 

Answer 3

:

$('.select-y').is(':visible').children('.childtd').children('.childCbox').prop('checked', true); 

Answer 4

이 작업을 수행 할 수 있습니다

$('.select-y .childtd').children('.childCbox:visible').prop('checked', true);