en ajoutant les valeurs de zone de texte et de l'afficher à l'aide de javascript

Je suis en train d'ajouter les valeurs d'entrée de plusieurs zones de texte à l'aide de javascript et d'afficher le nombre total ci-dessous. Comment puis-je ajouter et de garder la somme pour l'affichage après le calcul. Je ne suis pas un expert en javascript.

InformationsquelleAutor coder247 | 2010-06-28
  1. 3

    Voici un exemple qui vous montre comment faire:

    <form name="myFormName">
    <p><input type="text" name="myInputName1" value="25.3"></p>
    <p><input type="text" name="myInputName2" value="14.2"></p>
</form>
<div id="total"></div>

<script type="text/javascript>

    var total = parseFloat(0, 10);

    total += parseFloat(document.myFormName.myInputName1.value, 10);
    total += parseFloat(document.myFormName.myInputName2.value, 10);

    document.getElementById("total").innerHTML = "Total is " + total;

</script>
    • Comment voulez-vous fixer le javascript pour la forme, de sorte que vous pouvez modifier les valeurs et il recalcule automatiquement?
    InformationsquelleAutor Fenton
  2. 2

    Bien, disons que vous avez 5 zones de texte, avec l'id text1, text2, text3, texte4 et texte5:

    var boxes = ['text1', 'text2', 'text3', 'text4', 'text5'],
    sum = 0,
    i = 0,
    len = boxes.length;

for(; i < len; ++i){
    sum += parseInt(document.getElementById(boxes[i]).value, 10); //Use parseFloat if you're dealing with floating point numbers.
}
alert(sum);
    InformationsquelleAutor Evan Trimboli