Compute somme dynamiquement avec le javascript

Question

Je voudrais calculer la somme des sous-totaux dynamiquement mais je reçois toujours cette erreur:

document.getElementById("item_subtotal[" + cnt + "]") is null 

Mon code javascript:

function calculateTotalAll(numitems) {  
    var cnt = 1; 
    var totalAmt = 0; 

    while(cnt <= numitems) {  
    totalAmt = parseInt(totalAmt) + parseInt(document.getElementById('item_subtotal[' + cnt + ']').value); 
    cnt++; 
    } 

    document.getElementById('order_total').value = parseInt(totalAmt); 
} 

Answer 1

Vous êtes assez proche, mais vous devez vérifier les champs avec des valeurs vides au lieu de supposer qu'ils contiennent des chiffres. Il fonctionne avec seulement des modifications mineures dans ce JS fiddle

changé votre fonction à ceci:

function calculateTotal(numitems) { 
    var totalAmt = 0; 

    for (var cnt = 1; cnt <= numitems; cnt++) { 
     var subtotal = document.getElementById('item_subtotal[' + cnt + ']'); 
     if (subtotal.value === null || subtotal.value === '') { 
      continue; 
     } 

     totalAmt += (subtotal.value * 1); 
    } 

    document.getElementById('order_total').innerHTML = totalAmt; 
} 

Answer 2

L'article n'a pas été défini dans votre page - vérifiez pour vous assurer qu'elle est bien présente dans la source.

Answer 3

Votre problème peut être ces crochets.

De l'html4 spec:

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").

Answer 4

je regarderais si l'identifiant existe, à savoir

while(cnt <= numitems) { 
    var curItem = document.getElementById('item_subtotal[' + cnt + ']'); 
    if(curItem!=null){ 
     totalAmt = parseInt(totalAmt) + parseInt(curItem.value); 
    } 
    cnt++; 
    } 

De plus, je voudrais utiliser l'extension Firebug pour Firefox de regarder ce qui pourrait avoir mal tourné:

while(cnt <= numitems) { 
    var curItem = document.getElementById('item_subtotal[' + cnt + ']'); 
    if(curItem!=null){ 
     totalAmt = parseInt(totalAmt) + parseInt(curItem.value); 
    }else{ 
     console.log('Couldn\'t find element item_subtotal[' + cnt + ']'); 
    } 
    cnt++; 
    }