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

【问题标题】：jQuery check all checkboxes except where row is hiddenjQuery检查除隐藏行之外的所有复选框
【发布时间】：2013-11-18 18:04:09
【问题描述】：

这很好用：

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

问题是某些行被隐藏了，我只想勾选那些行没有被隐藏的复选框。请指教。

【问题讨论】：

哇，谢谢你们，我挣扎了好几个小时。我也尝试了每种方法，但非常接近我放弃的那一点。

标签： jquery checkbox jquery-selectors row hidden

【解决方案1】：

使用:visible 选择器。

试试这个

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

您可以简单地使用: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)

【讨论】：