Javascript Girl
  1. Javascript Girl
  3. Comment résumer les sorties Jquery
Intereting Posts
Disposer les divs en lignes puis les colonnes Comment mon composant enfant peut-il appeler une méthode sur le composant parent dans Angular 2? Créer un événement spécial jQuery pour le contenu modifié Emballage Word dans JointJS Existe-t-il une possibilité de connecter postgreSQL directement à Javascript? Meilleure fonction aléatoire en JavaScript Will jQuery recherche-t-il l'ID avant de filtrer d'autres paramètres dans le sélecteur? Ajax autocomplete (ou autosuggest) avec TAB achèvement / remplissage automatique similaire à la fin de la ligne de commande shell? Comment créer par programme une nouvelle session de navigateur dans IE chaque fois qu'un utilisateur a accédé à une URL d'application dans une nouvelle fenêtre de navigateur Trouver la valeur de la ligne actuelle d'une <textarea> en utilisant javascript Comment faire pour manipuler les poignées de traction du navigateur, Highstock Comment écrire cet opérateur ternaire avec jquery? Générer de la texture à partir du tableau dans troisjs Comment ce site modifie-t-il l'URL du navigateur sans changer de pages? React / JSX Dynamic Component Name

Comment résumer les sorties Jquery

J'ai créé plusieurs lignes et multiplié certaines données pour obtenir des totaux:

Sortie actuelle

Mais je ne suis pas sûr de faire la somme de tous les totaux et de l'imprimer dans la ligne "Cash in Hand".

Voici mes codes: 

<script type="text/javascript"> $(document).ready(function() { $('.row1').keyup(function(ev){ var row1c = $(this).val() * 1000; $('.row1c').html((row1c).toFixed(2)); }); }); </script> <script type="text/javascript"> $(document).ready(function() { $('.row2').keyup(function(ev){ var row2c = $(this).val() * 500; $('.row2c').html((row2c).toFixed(2)); }); }); </script> <script type="text/javascript"> $(document).ready(function() { $('.row3').keyup(function(ev){ var row3c = $(this).val() * 100; $('.row3c').html((row3c).toFixed(2)); }); }); </script> <script type="text/javascript"> $(document).ready(function() { $('.row4').keyup(function(ev){ var row4c = $(this).val() * 50; $('.row4c').html((row4c).toFixed(2)); }); }); </script> <script type="text/javascript"> $(document).ready(function() { $('.row5').keyup(function(ev){ var row5c = (row1c+row2c+row3c+row4c); $('.row5c').html((row5c).toFixed(2)); }); }); </script> 
 <table border="2" cellpadding="5" cellspacing="2" align="center"> <h3 align="center">Cash Position as on...... </h3> <tr> <th>Note</th> <th>Quantity</th> <th>Total</th> </tr> <tr> <td>1000 Tk Note</td> <td><input type="text" name="pages" class="row1" /></td> <td><span class="row1c">0.00</span></td> </tr> <tr> <td>500 Tk Note</td> <td><input type="text" name="pages" class="row2" /></td> <td><span class="row2c">0.00</span></td> </tr> <tr> <td>100 Tk Note</td> <td><input type="text" name="pages" class="row3" /></td> <td><span class="row3c">0.00</span></td> </tr> <tr> <td>50 Tk Note</td> <td><input type="text" name="pages" class="row4" /></td> <td><span class="row4c">0.00</span></td> </tr> <tr> <td colspan ="2">Cash In Hand (Sum of All Totals)</td> <td><span class="row5c">0.00</span></td> </tr> </table>

Tous les codes ici:

Https://jsfiddle.net/rashelmiah/fb9opo36/1/

Pourriez-vous me trouver un moyen de calculer tous les totaux? Merci d'avance.

Vous devez ajouter le code suivant. 

 $('input[type=text]').keyup(function(){ var total = 0; $('input[type=text]').each(function(){ total += Number($(this).parent().next().find('span').text()); }) $('.row5c').text(total); })

Remarque: votre code avait beaucoup de balises <script> qui n'était pas nécessaire. Et beaucoup de la fonction ready() , qui n'était pas nécessaire aussi. Vous pouvez envelopper tout le code dans une <script> et une fonction ready() .

Demo: 

 $(document).ready(function() { $('.row1').keyup(function(ev){ var row1c = $(this).val() * 1000; $('.row1c').html((row1c).toFixed(2)); }); $('.row2').keyup(function(ev){ var row2c = $(this).val() * 500; $('.row2c').html((row2c).toFixed(2)); }); $('.row3').keyup(function(ev){ var row3c = $(this).val() * 100; $('.row3c').html((row3c).toFixed(2)); }); $('.row4').keyup(function(ev){ var row4c = $(this).val() * 50; $('.row4c').html((row4c).toFixed(2)); }); $('.row5').keyup(function(ev){ var row5c = (row1c+row2c+row3c+row4c); $('.row5c').html((row5c).toFixed(2)); }); $('input[type=text]').keyup(function(){ var total = 0; $('input[type=text]').each(function(){ total += Number($(this).parent().next().find('span').text()); }) $('.row5c').text(total.toFixed(2)); }) }); 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <table border="2" cellpadding="5" cellspacing="2" align="center"> <h3 align="center">Cash Position as on...... </h3> <tr> <th>Note</th> <th>Quantity</th> <th>Total</th> </tr> <tr> <td>1000 Tk Note</td> <td> <input type="text" name="pages" class="row1" /> </td> <td><span class="row1c">0.00</span> </td> </tr> <tr> <td>500 Tk Note</td> <td> <input type="text" name="pages" class="row2" /> </td> <td><span class="row2c">0.00</span> </td> </tr> <tr> <td>100 Tk Note</td> <td> <input type="text" name="pages" class="row3" /> </td> <td><span class="row3c">0.00</span> </td> </tr> <tr> <td>50 Tk Note</td> <td> <input type="text" name="pages" class="row4" /> </td> <td><span class="row4c">0.00</span> </td> </tr> <tr> <td colspan="2">Cash In Hand (Sum of All Totals)</td> <td><span class="row5c">0.00</span> </td> </tr> </table>