[JavaScript]sumowanie wartości inputów w kolumnie Opcje

[Randallmaster]

Jak zliczyć środek inputa o nazwach cena[1],cena[2], wiersze tworzą się w czasie rzeczywistym

nie mogę również zrobić aby cena[] była dynamiczna

Link do kodu:
http://jsfiddle.net/D8sP2/16/

Ten post edytował Randallmaster 31.12.2012, 13:16:21

[mortus]

[JAVASCRIPT] pobierz, plaintext 
$('#przelicz').click(function(){
  var sum = 0;
  $('input[name*="cena"]').each(function(){
    var v = $(this).val();
    var amount = v == '' ? 0 : parseInt(v);
    sum += amount;
  });
  alert(sum);
});
[JAVASCRIPT] pobierz, plaintext 

Oczywiście zamiast parseInt() powinieneś użyć tego, czego będziesz potrzebował.

[wukkie]

A to poprawka do twojego kodu:
1. Alert zwraca wartość.
2. Number zmienia string na int.

[HTML] pobierz, plaintext 
$('#przelicz').click(function(){
    var tablica = $('#tabela input');
    console.log(tablica)
    x=tablica.length;
    suma=0;
    for(i=0;i<x;i++) suma+=Number($(tablica[i]).val());
    $('#suma').val(suma);
    alert($('#suma').val());        
           });
});
[HTML] pobierz, plaintext 

[Randallmaster]

Super działa

ale nie chciałbym zostawić tego kodu obojętnie i po prostu go wkleić. Dlatego mógłbyś mi odpowiedzieć na parę pytań?

Inputa podałeś w formie input[name*="cena"] po co ta gwiazdka? oraz w jaki sposób to pobiera dane jeśli ja mam name="cena[1]", name="cena[2]", itd.

Wytłumaczysz mi składnie tego wierszu:

co taje znak zapytania, dwukropek??

var amount = v == '' ? 0 : parseInt(v);

oraz gdzie mogę znaleść dokumentację po polsku??









Wukkie co daje ten kod console.log(), w jaki sposób odnosi się do kodu??

[wukkie]

Wukkie co daje ten kod console.log(), w jaki sposób odnosi się do kodu??

Zainstaluj sobie dodatek do firefoxa Firebug, dzięki temu będziesz mógł używac między innymi tej funkcji do sprawdzenia zawartości danej zmiennej. Pod debuggowaniu te wpisy sa do usunięcia.

[mortus]

Super działa

ale nie chciałbym zostawić tego kodu obojętnie i po prostu go wkleić. Dlatego mógłbyś mi odpowiedzieć na parę pytań?

Inputa podałeś w formie input[name*="cena"] po co ta gwiazdka? oraz w jaki sposób to pobiera dane jeśli ja mam name="cena[1]", name="cena[2]", itd.

Wytłumaczysz mi składnie tego wierszu:

co taje znak zapytania, dwukropek??

var amount = v == '' ? 0 : parseInt(v);

oraz gdzie mogę znaleść dokumentację po polsku??

Wukkie co daje ten kod console.log(), w jaki sposób odnosi się do kodu??

[JAVASCRIPT] pobierz, plaintext 
$('input[name*="cena"]') // wyszukuje pola input, których nazwa (name) zawiera w sobie słowo "cena", zwraca tablicę obiektów input
var amount = v == '' ? 0 : parseInt(v); // to skrócony zapis instrukcji warunkowej i od razu przypisania, jak niżej
var amount = 0;
if(v == '') {
  amount = 0;
} else {
  amount = parseInt(v);
}
[JAVASCRIPT] pobierz, plaintext 

jQuery nie ma dokumentacji po polsku, więc znalezienie polskich źródeł wiąże się z przeszukiwaniem sieci pod kątem konkretnego zagadnienia (ale szczerze powiedziawszy bez znajomości angielskiego ani rusz).

Ten post edytował mortus 31.12.2012, 14:42:46

[Randallmaster]

dziękuje za pomoc