[HTML][jQuery] dodanie wierszy i przeliczenie Opcje

[lustfingers]

W ramach nauki programowania zacząłem pisać formularz który może pomóc mi wykonywać codzienne obliczenia, znudził mi sie excel a jak to ogarnę to spróbuję jeszcze dopisać zapis i odczyt z bazy danych.

Mam to:
https://jsfiddle.net/mq3da7kb/3/

[HTML] pobierz, plaintext 
Weight: <input type="text" name="weight" id = "weight" value="" /><br/><br/>
 
 
Line: <input type="text" name="percent" id = "percent" value="" />
<input type="text" name="additional" id = "additional" value="" />
Line total: <span class="total"></span>
<br/>+<br/>
<p>Total percent (from #percent): </p>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
$("#additional, #percent, #weight").on('keyup',function(){
        var total= $("#weight").val() * $("#percent").val() / (100 -$("#additional").val()) 
    $(".total").html(total.toFixed(2));
})
 
[HTML] pobierz, plaintext 

Wiersz Line ma sie powielać gdy przyciśniemy na + natomiast Weight ma występować tylko raz ponieważ będzie identyczny dla każdego Line, a Total percent ma zliczać z każdego Line wartości.

Potrzebuje nakierowania jak dodać możliwość powielania wierszy? Za pewne będę musiał przerobić skrypt i dodać jakąś inkrementacje dla każdego id żeby dobrze zliczało każdą linię oddzielnie? Macie może jakieś przykłady takiego formularza albo coś na czym mógłbym się uczyć?

[pmir13]

Ustawiasz pierwszą linię w jakimś divie, wrzucasz go do zmiennej np linesdiv, przycisk z plusikiem też niech ma jakiś id np addline, robisz z niego link i dodajesz coś typu: ( i to licznik linii )

[HTML] pobierz, plaintext 
        $("#addline").live("click", function() {
                $("<p> tutaj html nastepnej linii </p>").appendTo(linesdiv);
                i++;
                return false;
        });
[HTML] pobierz, plaintext 

Oczywiście potem musisz jeszcze zliczać ze wszystkich linii.

Ten post edytował pmir13 15.02.2017, 00:03:20