jquery comment remplir un tableau

je suis dans l'application mobile et je veux remplir un tableau avec des valeurs de cases à cocher.

mon code est

if (row.flatdescription == flatdescription) {
    if (row.receiptno == 0){
        items.push('<input type="checkbox" name="code_'+ i +'" id="code_'+ i +'" value="' + row.amount + '" previous="' + row.pastpayments + '" barcode="' + row.barcode + '" todayp="' + row.todaypayments + '"/><label for="code_'+ i +'">' + row.period +'..........'+ row.amount+'</label></br>');
    }
    allbarcode[i] = row.barcode;
    previouspayments1 = previouspayments1 + row.pastpayments;
    previouspayments = previouspayments1.toFixed(2);
    sofeilon1 = sofeilon1 + row.amount;
    sofeilon = sofeilon1.toFixed(2);
    total1 = total1 + row.amount - row.pastpayments;
    total = total1.toFixed(2);
}

et mon tableau de code

function barcodeTotal() {
    barcode = [];
    barcodeamount = [];
    barcodeprevious = [];
    $("input:checked").each(function(i) {
        barcode[i] = $(this).attr("barcode");
        barcodeamount[i] = $(this).attr("value");
        barcodeprevious[i] = $(this).attr("previous");
    });
}

mon but est de remplir des codes à barres tableau comme ceci

barcode [barcode: barcode, amount: value, previous: previous, ....

j'apprécierai vos réponses

OriginalL'auteur kosbou | 2012-02-11

  1. 4

    Vous pouvez transformer vos bagages de champs de saisie dans un tableau facilement:

    var checkedInputs = $("input:checked") //this contains the raw HTML-Elements

    Maintenant, selon le résultat souhaité, vous pouvez soit récolte les valeurs séparément

    var barcodes  = checkedInputs.map(function() { return $(this).attr('barcode')  })
var amounts   = checkedInputs.map(function() { return $(this).attr('amount')   })
var previouss = checkedInputs.map(function() { return $(this).attr('previous') })

    ou, ce qui pourrait être encore mieux, comme des objets comme twilson suggéré

    var results = checkedInputs.map(function() {
  return {
    barcode:  $(this).attr('barcode'),
    amount:   $(this).attr('amount'),
    previous: $(this).attr('previous')
  }
})

    Dans ce cas, vous voulez la this être prises à partir de l'intérieur de la function appel,
    comme il fait référence à l'objet, vous appariés avec le $('input:checked') appel.
    Si vous stockez var self = this comme twilson suggéré, vous ne recevriez pas les valeurs réelles de la zone d'entrée, mais pas de valeurs, comme le this de le contexte de l'appel n'est probablement pas un HTMLElement à tous.

    OriginalL'auteur Tharabas

  2. 1

    Vous serait mieux servi avec un tableau d'objets, plutôt que de simplement un tableau.

    var self = this; //Important because 'this' may change in scope.
var barcodes = []

$("input:checked").each(function(index, item) {
    barcodes.push({
        barcode: $(self).attr("barcode"),
        amount: $(self).attr("value"),
        previous: $(self).attr("previous")
    });
});

    Vous aurez ensuite jusqu'à la fin avec un tableau quelque chose comme ceci:

    [
    { barcode: "5049383", amount: "4", previous: "17263742" },
    { barcode: "5049389", amount: "1", previous: "1726376" }
]
    1. Mettre le var mot-clé avant de vos variables à l'intérieur de la fonction, sinon elles sont mondiales.
    2. var self = this; est généralement une bonne pratique lors de l'appel de fonctions supplémentaires, parce que la portée de this peut changer légèrement selon votre point d'exécution, généralement à devenir le principal objet jQuery. self vous donner le pointeur de retour à ce que vous vous attendez à être parlant.
    je fais les modifications suggérées mais je reçois en alerte [object object],[object object] fonction barcodeTotal() { var self = this; var codes à barres = []; $("input:checked").each(function(i, item) { codes à barres.push({ code-barres : $(soi-même).attr("code à barres"), montant : $(soi-même).attr("value"), les précédentes : $(soi-même).attr("précédent") }); //code à barres[i] = $(this).attr("code à barres"); //barcodeamount[i] = $(this).attr("value"); //barcodeprevious[i] = $(this).attr("précédent"); }); alert(code à barres); }

    OriginalL'auteur twilson

  3. 0

    Cela vous aidera à

    var arrBarCodeDet = new Array();
var objCheckedElem = $("input:checked");
$.map(objCheckedElem,function(elem,index){
    /**
        Result As Object
        arrBarCodeDet[index] = [{'barcode':$(elem).attr("barcode")},{'barcodevalue':$(elem).attr("barcodevalue")}];
    */
    //Result As Arrray
    arrBarCodeDet[index] = new Array();
    arrBarCodeDet[index]['barcode'] = $(elem).attr("barcode");
    arrBarCodeDet[index]['barcodevalue'] = $(elem).attr("barcodevalue");

})

    });

    <input type="checkbox" name="check1" value="1" checked="checked"  barcode="12233"  barcodevalue="12"  />Check Box 1 <br />
<input type="checkbox" name="check2" value="1" checked="checked"  barcode="45451"  barcodevalue="24"  />Check Box 2 <br />
<input type="checkbox" name="check3" value="1" checked="checked"  barcode="34343"  barcodevalue="36"  />Check Box 3 <br />
<input type="checkbox" name="check4" value="1"  barcode="32333"  value="48"  />Check Box  <br />

    Résultat Sera
    arrBarCodeDet
    [
    Tableau[0]
    code-barres: "12233"
    barcodevalue: "12"
    longueur: 0
    proto: Array[0]

    Tableau[0]
    code-barres: "45451"
    barcodevalue: "24"
    longueur: 0
    proto: Array[0]

    Tableau[0]
    code-barres: "34343"
    barcodevalue: "36"
    longueur: 0
    proto: Array[0]
    ]

    OriginalL'auteur kirubakar