Checkbox in nicht sichtbarer Tabellenzeile ansprechen

[Jörg]

Hallo,

ich habe eine Tabelle, in der zeilenweise in der jeweils ersten Spalte (Tabellenzelle) eine Checkbox ist. Diese Tabelle ist durchsuchbar, d.h. es werden die Zeilen ausgeblendet, die einem Suchbegriff nicht entsprechen.
Zudem hat die Tabelle eine übergeordnete Checkbox, die alle Zeilencheckboxen an-/abhaken kann.

Mein Ziel wäre, nur die sichtbaren Checkboxen an und abzuhaken, deshalb schrieb ich folgendes JQuery.

$(document).ready(function() {
    $(".My_all_Check").click(function(event) {
        event.stopPropagation();
        if($('.myElement').is(':visible')) {
            if($('.myElement').prop('checked') == true) {
                $('.myElement').prop('checked',false);
            } else {
                $('.myElement').prop('checked',true);
            }
        }
    });
});

Funktioniert aber nicht. Ich vermute, weil mein if($('.myElement').is(':visible')) { ja nicht greifen kann, weil das Element ja sichtbar bleibt. Es wird die komplette Tabellenzeile auf display:none gesetzt. Die Checkbox selber innerhalb der nicht sichtbaren Tabellenzeile bleibt aber sichtbar.

Wie gesagt, eine Vermutung.
Aber selbst wenn sie stimmt, weiß ich das nicht aufzudröseln.

Was also muss ich tun, damit die Check-all-Checkbox sich nur auf die Checkboxen in den sichtbaren Tabellenzeilen bezieht, nicht aber auch die Checkboxen in den versteckten Tabellezeilen an- und abhakt?

Jörg