Comment obtenir la somme totale des valeurs de zone de saisie en utilisant Javascript?
Je ne suis pas parfait en Javascript.. je veux montrer à la somme totale des valeurs saisies dans qté boîtes d'entrée dans la prochaine zone de saisie nommé total sans rafraichissement de la page. Quelqu'un peut-il m'aider à le comprendre..?
Ici est javascript
<script type="text/javascript">
var howmanytoadd = 2;
var rows;
function calc() {
var tot = 0;
for (var i = 0; i < rows.length; i++) {
var linetot = 0;
rows[i].getElementsByTagName('input')[howmanytoadd].value = linetot;
tot += linetot;
}
document.getElementById('total').value = tot
}
onload = function () {
rows = document.getElementById('tab').getElementById('qty1');
for (var i = 0; i < rows.length; i++) {
rows.getElementsByTagName('input')[i].onkeyup = calc;
}
}
</script>
Voici mon code html:
Qty1 : <input type="text" name="qty1" id="qty"/><br>
Qty2 : <input type="text" name="qty2" id="qty"/><br>
Qty3 : <input type="text" name="qty3" id="qty"/><br>
Qty4 : <input type="text" name="qty4" id="qty"/><br>
Qty5 : <input type="text" name="qty5" id="qty"/><br>
Qty6 : <input type="text" name="qty6" id="qty"/><br>
Qty7 : <input type="text" name="qty7" id="qty"/><br>
Qty8 : <input type="text" name="qty8" id="qty"/><br>
<br><br>
Total : <input type="text" name="total" id="total"/>
voici capture d'écran
source d'informationauteur Swapnil Bhavsar
Vous devez vous connecter pour publier un commentaire.
Essayer:
Javascript:
Html:
Exemple: http://jsfiddle.net/fRd9N/1/
Essayez ceci:
J'ai besoin de faire la somme des éléments span j'ai donc édité Akhil Sekharan la réponse ci-dessous.
Vous pouvez modifier les éléments avec d'autres éléments de lien vous guidera avec l'édition.
https://www.w3.org/TR/css3-selectors/#attribute-substrings