JS Array erstellen [checkboxen]

[EuroCent]

Hallo zusammen,

ich habe folgende Frage.
Ich habe verschiedene Checkboxen die Ich Dynamisch generieren lassen.

Nun möchte Ich nur die Checkboxen in einen Array speichern, die der User auch auswählt.
Wenn er sie abwählt dann natürlich die Liste aktualisieren.

Kann mir jemand unter die Arme greifen?

Mein Ansatz war wie folgt:

var excelArray = [];
var excelData = {};

$(document).ready(function() {
    excelArray.splice(0, excelArray.length);
    excelData = {};
});

function createExport(eleName, value) {
    excelData.Name = eleName;
    excelData.Wert = value;
   
    if($('#' + eleName).prop('checked')) {
        //console.log("Name: " + eleName + " | Wert: " + value);
        excelArray.push(excelData);
        console.log(excelArray);
    } else {
        excelArray.pop(excelData);
        console.log(excelArray);
    }
};

Das createExport wird beim Klicken auf die Checkbox ausgelöst.
Um aber zu prüfen ob die Checkbox gecheckt wird, prüfe Ich dies mit prop und lass Sie erst dann ins Array schreiben, ansonsten soll es nicht ins Array bzw. wieder entfernt werden.

Das funktioniert zwar, aber er überschreibt mir ständig alle anderen gleich mit :/

Was mach Ich hier falsch, dass er mir die Werte immer wieder überschreibt?

 

[Sempervivum]

Übernimm die Definition von excelData in die Funktion createExport. Ich denke, er schreibt immer nur eine Referenz ins Array, die jedes Mal auf das selbe globale Objekt verweist.

function createExport(eleName, value) {
    var excelData = {};
    excelData.Name = eleName;
    excelData.Wert = value;

 

[ComFreek]

Oder gleich:

excelArray.push({Name: eleName, Wert: value});

Übrigens würde ich let/const empfehlen statt var.

 

[EuroCent]

Werd Ich mal umstellen und testen

Hoffe dass das dann mein Problem löst damit Ich weiter machen kann