[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]

@pmir13: Halo, halo. Jest 2017 rok, live już dawno nie istnieje.
Możesz też klonować element - clone();

A przede wszystkim to powinieneś uporządkować html. id nie mogą być dla linii bo będą się powtarzać, zamień na klasu. weight może pozostać. plusa opakuj w jakiś dodatkowy element (może button) żeby podpiąć zdarzenie.

https://jsfiddle.net/mq3da7kb/4/

Ten post edytował viking 15.02.2017, 08:24:32