jQuery检查除隐藏行之外的所有复选框

Question

这很好用：

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

问题是某些行是隐藏的，我只想查看未隐藏行的框。请指教。

Answer 1

您可以简单地使用{/ 1}}选择器，例如

:visible

假设您要取消选中隐藏的复选框，您可以执行

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

Answer 2

查看：jquery的：visible选择器 http://api.jquery.com/visible-selector/

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

Answer 3

使用:visible选择器。

试试这个

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