Erledigt - Problem mit Checkbox Script

[Fugel]

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.

    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;
    });

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?

VG

 

[Fugel]

Hat denn keiner eine Idee?

 

[Myhar]

Nein, weil du einfach nicht genug Infos preis gibst. Du schreibst etwas von einem anderen JS, welches die Tabelle sortiert. Aber woher sollen wir wissen wie das funktioniert und was das genau tut? Vielleicht geht dein Ansatz ja auch nicht mit dem von dir verwendeten Plugin, da kann man so leider nichts dazu sagen.

 

[Fugel]

@Myhar das andere Plugin hat darauf kein direkten einfluss, daher bin ich auch nicht näher darauf eingegangen, es verändert lediglich nur die Reihenfolge der Tabelle.

Hier die Lösung (mit Dank an Harmageddon vom Joomla Forum):

var $chkboxes = $('.chkbox');
    var lastChecked = null;
    $('.chkbox').click(function(e) {
      var $chkboxes = $('.chkbox');
        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;
    });