javascript - 使用 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'));