Problem mit Checkbox Multiselect

Fugel · 15. Dezember 2020

Hallo Leute,

ich verwende folgendes Script um mittels Klick auf eine Liste mit Checkboxen und folgendem Klick + Shift auf einer Checkbox weiter unten alle dazwischen liegenden Checkboxen zu markieren.

Code

    var $chkboxes = $('.chkbox');
    var lastChecked = null;
    $chkboxes.click(function(e) {
        if (!lastChecked) {
            lastChecked = this;
            return;
        }
        if (e.shiftKey) {
            var start = $chkboxes.index(this);
            var end = $chkboxes.index(lastChecked);
            $chkboxes.slice(Math.min(start,end), Math.max(start,end)+ 1).prop('checked', lastChecked.checked);
        }
        lastChecked = this;
    });

Alles anzeigen

Funktioniert soweit auch super. Allerdings verwende ich ein anderes Javascript um die Tabelle zu sortieren und dann klappt es mit der Checkbox-Auswahl nicht mehr richtig, da er immernoch die Reihenfolge vor der Sortierung verwendet. Wie kann ich diesen Fehler am besten beseitigen?

Harmageddon · 16. Dezember 2020

Versuch mal, erst im Event-Handler das chkboxes-Array neu aufzubauen. Also:

Code

    var lastChecked = null;
    $('.chkbox').click(function(e) {
      var $chkboxes = $('.chkbox');
...

Denn wenn du die Variable $chkboxes in Zeile 1 erstellst, ändert sich deren Reihenfolge danach nicht mehr.

Fugel · 18. Dezember 2020

Super, es hat geklappt. Danke dir und schöne Festtage.