checkbox array Werte hinzufügen und entfernen von array

Ich habe den folgenden code, der schiebt check-box Werte in ein array. Ich möchte in der Lage sein, um die Werte zu entfernen aus dem array, wenn der check-Boxen deaktiviert sind. Kann mir jemand sagen, wie dies zu tun.

var arr_sort = new Array();

$(".sort").change(function(){

        $.each($("input[name='sort']:checked"), function() {
           arr_sort.push($(this).val());
        });

    });
InformationsquelleAutor madphp | 2011-09-05
  1. 1

    Antwort: http://jsfiddle.net/morrison/S3e2f/

    Hinweise:

    • Verwenden Sie ein Schlüssel/Wert-system. Auf diese Weise können Sie wissen, welches array-Element gesetzt oder nicht gesetzt. Das bedeutet wahrscheinlich indem Sie Ihre Kontrollkästchen Namen.
    • Nicht Loop-Schleife über das array jedes mal, jedes mal, wenn sich etwas ändert. Das ist schlechtes design und könnte dazu führen, schlechte Leistung. Ich strukturierte die HTML.
    • Ich sehe das, was du jetzt meinst. Ich habe deine Lösung jetzt, vielleicht können Sie diese Frage beantworten. stackoverflow.com/questions/7314060/... Ist es schlechte form zu ändern Antworten?
    • Nein. Ändern der Antworten ist in Ordnung.
    InformationsquelleAutor Levi Morrison
  2. 2

    -- Ignorieren Sie die Antwort, wenn das auslösende Ereignis ist nicht das Kontrollkästchen click-Ereignis.

    Sollten Sie eine kleine Funktion, entfernen Sie den Wert aus dem array auf die checkbox click event auslösen.

    function removeVal(arr, val)
{
    for(var i = 0; i < arr.length; i++)
    {
        if (arr[i] == val)
            arr.splice(i, 1);
    }
}

    Finden Sie das Beispiel unten:

    http://jsfiddle.net/7NcuD/

    InformationsquelleAutor Bassem
  3. 1

    Da Sie die Schleife durch die Art Checkboxen auf jede Veränderung, sicherlich die einfachste Lösung ist, eine leere in der arr_sort array, kurz bevor die $.each() ?

    • ja. Gerade festgestellt, dass.
    InformationsquelleAutor RET
  4. 0
    $(".sort").change(function()
{
    var arr_sort = new Array();
    $(".sort").each(function()
    {
        if( $(this).is(':checked') )
        {
            arr_sort.push($(this).val());
        }
    });
});

    Live-Demo

    • ok, ich sehe die Lösung in Ihrer Antwort, muss ich neu erstellen des Arrays innerhalb der .ändern Sie(). Deine Lösung funktioniert auch. Danke!
    • Wird dies nicht den Umfang des arr_sort variable auf die change () - Funktion? Ich glaube nicht, dass das, was Sie wollen.
    • Weil die array-Werte ist dupplicated, aber wenn das array leer ist, bevor Sie füllen
    • Das ist SCHLECHTE Programmierung design. Sie müssen nicht zu reproduzieren, ist das array jedes mal. Das ist viel schwerer als einfach ändern einen Wert.
    • Siehe stackoverflow.com/questions/7313695/... für eine richtige Antwort.
    • Morrison : Was ist das problem ?
    • In den OP ' s Frage, der Umfang der arr_sort war außerhalb der Funktion ändern. Durch das verschieben nach innen, der Wert ist nicht verfügbar an anderer Stelle im Skript, wo es fast sicher erforderlich.
    • Morrison: ich denke, nannte es SCHLECHT ist ein bisschen viel. Vielleicht ist es sub-optimal, aber für ein halbes Dutzend Checkboxen, so what? Für tausend Checkboxen, vielleicht. Ohne zu wissen, wie die Liste von Kontrollkästchen erzeugt wird, ist es unmöglich zu sagen, wie trivial es ist, der die Umgestaltung des HTML-Codes. Wo läuft die Optimierung end-und Architektur Astronomie beginnen?

    InformationsquelleAutor DJafari
  5. 0

    können Sie anzeigen oder grep zu entfernen element in dem array, die nicht erfüllen Ihre Kriterien. so etwas wie :

    var arr_check = $.grep(arr_sort,function(value){return value == ?? ;}); //since you're saving $(this).val() your array has checkbox value, so you have to filter with those values.
    InformationsquelleAutor Frenchi In LA
Schreibe einen Kommentar