JQuery проверить все флажки, кроме где строка скрыта

Question

Это работает хорошо:

$('#mainTable thead th input:checkbox').click(function(){ 
    if($(this).is(":checked")) { 
     $('.checkbox').prop('checked', true); 
    } else { 
     $('.checkbox').prop('checked', false); 
    }  
}); 

Проблема наверняка строки скрыты, и я только хочу, чтобы проверить ящики, где строки не скрыты. Пожалуйста, порекомендуйте.

Answer 1

использование :visible селектор.

попробовать это

$('.checkbox:visible').prop('checked', true); 

Answer 2

Вы можете просто использовать селектор :visible как

$('#mainTable thead th:visible input:checkbox').click(function() { 
    if ($(this).is(':checked')) { 
    $('.checkbox:visible').prop('checked', true) 
    } else { 
    $('.checkbox').prop('checked', false) 
    }  
}) 

Предполагая, что вы хотите, чтобы снять флажки, которые скрыты, вы можете сделать

$('.checkbox:hidden').prop('checked', false) 

Answer 3

Отъезд: видимую селектор для JQuery http://api.jquery.com/visible-selector/

$('.checkbox:visible').prop('checked', true);