Add & Subtrahieren der Eingabewerte mit Javascript

Muss ich addieren und subtrahieren mit Javascript. Ich habe erfolgreich auf das hinzufügen alle input-Felder zusammen, aber nicht in der Lage zu subtrahieren, die Summe aus dem ersten Feld. Ich habe ein Beispiel eingefügt unten in der Erwägung, dass Sie würde beginnen mit einem Guthaben von 1500, legen Sie dann in sagen wir mal Kosten von Geschäft, in dem Sie 3 Felder haben zu tun. Wie bereits erwähnt kann ich erfolgreich hinzufügen, bis Sie alle Felder, aber nicht subtrahieren Sie diese Summe aus der balance und zeigt ihn direkt darunter.

Hinzufügen Skript

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    $(function(){           
        $('input').each(function() {
            $(this).keyup(function(){  
                calculateTotal($(this));
            });
        });
    });

    function calculateTotal(src) {
        var sum = 0;
        var sumtable = src.closest('.sumtable');

        sumtable.find('input').each(function() {
            if(!isNaN(this.value) && this.value.length!=0) {
                sum += parseFloat(this.value);
            }
        });

        sumtable.find(".total").html(sum.toFixed(2));
    }   
</script>

HTML

<tr>
    <td>
    <font face='Verdana'>
    <input name='amount' size='6' value='1500.00'></font></td>
</tr>
<table border='0' cellpadding='0' cellspacing='0' width='16%' height='31'  class='sumtable'>
<tr>

    <font face='Verdana' style='font-size: 8pt; font-weight:700'>
    Amount:</font></td>
</tr>
<tr>
    <td>
    <font face='Verdana'>
    <input name='amount' size='6' ></font></td>
</tr>
<tr>
    <td>
    <font face='Verdana'>
    <input name='amount' size='6' ></font></td>
</tr>
<tr>
    <td>
    <font face='Verdana'>
    <input name='select3_amount' size='6' ></font></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>
<p align='right'><b>
<font face='Verdana' size='2'>Total Cost: $ 
</font></b> </td>
                <td><b><font face='Verdana' size='2'><span class='total'>0</span></font></b></td>
</tr>
<tr>
<td>
<p align='right'><b>
<font face='Verdana' size='2'>Total Remaining: $ 
</font></b> </td>
<td><b><font face='Verdana' size='2'><span class='balance'>0</span></font></b></td>
</tr>
</table>

Was muss ich hinzufügen, anzeigen, das Verbleibende Guthaben?

Nur ein kleiner Tipp, die Sie verwenden können keyup direkt $('input').keyup(callback) Sie brauchen nicht die each.
Wo sind Sie versucht, zu subtrahieren Sie von etwas?

InformationsquelleAutor Zowes | 2012-12-12

  1. 1

    Ist es das, was Sie im Sinn haben: http://jsfiddle.net/ZZX5D/ ?

    var bal = $('input[name="amount"]').val();
bal = bal - sum
sumtable.find(".balance").html(bal.toFixed(2));
    Ja genau! Ich danke Ihnen sehr!

    InformationsquelleAutor greener

  2. 0

    Sind Sie nicht die Subtraktion der Werte in den ersten Platz.

    $(function(){           
        $('input').each(function() {
            $(this).keyup(function(){  
                calculateTotal($(this));
            });
        });
    });

    function calculateTotal(src) {
        var sum = 0;
        var sumtable = src.closest('.sumtable');

        sumtable.find('input').each(function() {
            if(!isNaN(this.value) && this.value.length!=0) {
                sum += parseFloat(this.value);
            }
        });

        sumtable.find(".total").html(sum.toFixed(2));
        var balance = parseFloat($('.actual').val()) - sum
        sumtable.find(".balance").html(balance.toFixed(2));
    }  

   Added a `class actual` to the **Actual Amount**

    Überprüfen fiddle

    InformationsquelleAutor Sushanth --

Schreibe einen Kommentar