[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ć?

[viking]

Inputy są dodawane dynamicznie a ty wybierasz jeden przed dodaniem dynamicznie kolejnych. Dlaczego delegate skoro jest to przestarzała metoda?

Poza tym już to wszystko masz. Po co ponownie przypinać kolejne identyczne prawie zdarzenia (change jest na utratę focusa)?
https://jsfiddle.net/mq3da7kb/7/

Ten post edytował viking 15.02.2017, 20:53:24