Forum PHP.pl > [HTML][JavaScript] Przeliczanie formularza

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][JavaScript] Przeliczanie formularza

XP'ek

3.12.2011, 11:15:46

Witam,

nie wiem dokładniej jak nazwać taką funkcję mianowicie chodzi mi o zrobienie formularza w którym mam podaną cene produktu ilość sztuk oraz cene za dany produkt i formularz ma za zadanie:

* policzyć ilość produktów zamówionych (udało mi się zrobić)
* policzyć cenę danego produktu mnożąc ilość przez cenę jednego produktu
* policzyć całość zamówienia

a tak wygląda mój kod

Kod

        jQuery(function($) {

                        var counter = { value: 0 };
                        var $inputs = $('#order input[type="text"][name^="pole"]');
                        var $counter = $('#order div#ilosc > span');

                        var count = function(e, c) {
                                c.value = 0;
                                e.each(function() {
                                        var count = parseInt(this.value, 10);
                                        c.value += !isNaN(count) ? count : 0;
                                });
                                $counter.text(c.value);
                        };

                        count($inputs, counter);
                        $inputs.keyup(function() {
                                count($inputs, counter);
                        });

                });

        jQuery(function($) {

                        var counter = { value: 0.00 };
                        var $inputs = $('#order input[type="text"][name^="cena_p"]');
                        var $counter = $('#order div#cena > span');

                        var count = function(e, c) {
                                c.value = 0.00;
                                e.each(function() {
                                        var count = parseInt(this.value, 10);
                                        c.value += !isNaN(count) ? count : 0.00;
                                });
                                $counter.text(c.value);
                        };

                        count($inputs, counter);
                        $inputs.keyup(function() {
                                count($inputs, counter);
                        });

                });

[HTML] pobierz, plaintext 
            <div id="order">
<table width="100%">
<thead>
<tr>
<td width="40%">Nazwa przedmiotu</td>
<td width="10%">Ilość</td>
<td width="25%">Cena za sztukę</td>
<td width="25%">Cena za całość</td>
</tr>
</thead>
    <tbody>
    <tr>
    <td>Produkt 1</td>
    <td><input type="text" name="pole[]" size="1" maxlength="3" /></td>
    <td><input type="text" class="cena" name="cena[]" value="20,20 zł" disabled /></td>
    <td><input type="text" class="cena" name="cena_p[]"  /></td>
    </tr>
    <tr>
    <td>Produkt 2</td>
    <td><input type="text" name="pole[]" size="1" maxlength="3" /></td>
    <td><input type="text" class="cena" name="cena[]" value="30,20 zł" disabled /></td>
    <td><input type="text" class="cena" name="cena_p[]"  /></td>
    </tr>
    <tr>
    <td>Produkt 3</td>
    <td><input type="text" name="pole[]" size="1" maxlength="3" /></td>
    <td><input type="text" class="cena" name="cena[]" value="50,20 zł" disabled /></td>
    <td><input type="text" class="cena" name="cena_p[]"  /></td>
    </tr>
	</tbody>
</table>
<div id="ilosc">Ilość produktów: <span></span></div>
<div id="cena">Cena zamówienia: <span></span></div>
            </div>
[HTML] pobierz, plaintext

Proszę o pomoc w poprawie skryptu by przeliczał mi ceny.

!*!

3.12.2011, 11:31:30

[JAVASCRIPT] pobierz, plaintext 
var calosc = value * cena[];
[JAVASCRIPT] pobierz, plaintext

potem zliczasz ile jest produktów pole[] dodając je do siebie.

XP'ek

3.12.2011, 16:28:32

a można to jakoś usprawnić by nie było tyle kodu jQ

jeszcze jedno pytanie jak uzyskać zapis z miejscami po przecinku a nie tylko całe. Przepraszam, za post jeden pod drugim ale bez sensu było by zakładanie drugiego tematu i pisanie tych kodów jeszcze raz.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.