jQuery ajout de plusieurs valeurs de zone de texte

J'ai une nouvelle tâche à faire et je ne suis pas sûr de la meilleure façon de l'aborder avec jQuery.

Fondamentalement un client veut " x " d'un montant de zones de texte (pour la quantité), chacune avec une plus ou moins de bouton/icône à côté de lui et que vous cliquez sur chacun, tous les champs relatifs à jour.

par exemple (s'il y a 3 options dans une page)

qté [ 0 ] + -

qté [ 0 ] + -

qté [ 0 ] + -

Total de tous les ci-dessus [ 0 ]

J'utilise jQuery beaucoup, mais je ne sais pas par où commencer avec celui-ci.

Tout conseil serait grandement apprécié.

Adi.

pourriez-vous expliquer un peu plus
je sais que cela ne marche pas $('#ajouter").cliquez sur(function() { var bob = $('#total).attr('value'); $('#total).attr('value',count+1); return false; }); mais im essayant d'ajouter 1 à la valeur de l'attribut cliquez sur

OriginalL'auteur Adi | 2010-08-16

  1. 7

    Si vous ajouter une classe CSS à tous les champs de saisie que vous avez besoin de la somme, vous pouvez joindre un événement de changement de gestionnaire, à tous, qui a pris soin de mettre à jour le total:

    $('input.qty').change(function() {       
    //Loop through all input's and re-calculate the total
    var total = 0;
    $('input.qty').each(function(){
        total += parseInt(this.value);
    });

    //Update the total
    $('#total').val(total);
);

    Vous pouvez le voir, il en action ici.

    Notes

    1. J'ai laissé de côté les boutons + et -. Ceux-ci pourraient simplement être des liens qui incrémenter/décrémenter leur entrée associé de la valeur en tant que de besoin.
    2. La mise à jour totale utilise parseInt de distribution de chaîne de type int. Il serait à vous de assurez-vous que l'entrée de la valeur est un entier valide.
    Salut Pat, Il y a une question que je vois avec votre réponse. Si j'ai 10 et 10' de ther 2 premières cases, la réponse est " 20 " qui est correct. Cependant, si je puis ajouter le changement de la deuxième zone à '20' (en essayant de faire le total '30"), il se présente comme '40' (comme l'ajout de 20 à la valeur actuelle (qui est de 20). L'espoir qui fait sens. Est-il peut-être un moyen plus simple (peut-être à l'aide de la chaque attr) pour obtenir toutes les valeurs et de les ajouter? A.
    oups - vous avez raison. J'ai mis à jour mon code et lien vers exactement ce que vous avez suggéré.

    OriginalL'auteur Pat