使用jQuery不检查隐藏的td：s

Question

我正在使用下面的代码来检查所有复选框，但有时问题是复选框有一个父<td>，其中style =“display：none;” css属性，不应该被检查。

如何修改下面的代码以忽略不可见的复选框？

// Check / uncheck all checkboxes
$('.check_all').click(function() {
    $(this).parents('form').find('input:checkbox').attr('checked', $(this).is(':checked'));
});`

（<td>：s不可见的原因是由于quicksearch.js）

Answer 1

使用 :visible 选择器：

$(this).parents('form').find('input:checkbox:visible').attr('checked', $(this).is(':checked'));