Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> (jquery) podliczanie zawartości input po zwolnieniu klawisza
niebieszki
post
Post #1





Grupa: Zarejestrowani
Postów: 27
Pomógł: 0
Dołączył: 30.09.2010

Ostrzeżenie: (0%)
-----


Witam chciałbym napisać funkcję jquery ktora będzie wyliczac iloczyn 2 pól i wpisywała je do inputa wynik zaraz po wpisaniu 2 wartosci.

Poniżej przedstawiam obrazy i kod źródłowy:
(IMG:http://images38.fotosik.pl/615/053211c552122b7amed.png)

  1. <tr>
  2. <td>Liczba 1</td>
  3. <td>Liczba 2</td>
  4. <td>Wynik</td>
  5. </tr>
  6. </thead>
  7. <tr>
  8. <td><input name="liczba1[0]" id="liczba1[0]"></td>
  9. <td><input name="liczba2[0]" id="liczba2[0]"></td>
  10. <td><input name="wynik[0]" id="wynik[0]" disabled="disabled"></td>
  11. </tr>
  12. <tr>
  13. <td><input name="liczba1[1]" id="liczba1[1]"></td>
  14. <td><input name="liczba2[1]" id="liczba2[1]"></td>
  15. <td><input name="wynik[1]" id="wynik[1]" disabled="disabled"></td>
  16. </tr>
  17. .
  18. .
  19. .
  20. <tr>
  21. <td><input name="liczba1[n]" id="liczba1[n]"></td>
  22. <td><input name="liczba2[n]" id="liczba2[n]"></td>
  23. <td><input name="wynik[n]" id="wynik[n]" disabled="disabled"></td>
  24. </tr>
  25. </tbody>

[JAVASCRIPT] pobierz, plaintext
  1. $(document).ready(function() {
  2. $("input[name='liczba2[0]']").keyup(
  3. function()
  4. {
  5. var wynik = $("input[name='liczba1[0]']").val()*$("input[name='liczba2[0]']").val();
  6. $("input[name='wynik[0]']").val(wynik);
  7.  
  8. });
  9. });
[JAVASCRIPT] pobierz, plaintext

powyższy kod działa dla pierwszego pola (co nie jest rzeczą dziwną)
liczba wierszy tabeli jest nieokreślona, co trzeba zastosować aby ta funkcja była bardziej uniwersalna? próbowałem z pętla for lecz niestety nie wyszło mi.
Czy zna ktoś jakieś rozwiązanie takiego problemu?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
ziolo.92
post
Post #2





Grupa: Zarejestrowani
Postów: 4
Pomógł: 1
Dołączył: 13.02.2011

Ostrzeżenie: (0%)
-----


[JAVASCRIPT] pobierz, plaintext
  1. $(document).ready(function() {
  2. $("table :input:not(:disabled)")
  3. .val(0)
  4. .bind('change', function(){
  5. var wynik = 1,
  6. tr = $(this).parent().parent(),
  7. liczby = [];
  8. tr.find(':input:not(:disabled)')
  9. .each(function(){
  10. liczby[] = $(this).val();
  11. });
  12. //tutaj przeprowadzasz działania na elementach tablicy liczby które są wartościami kolejnych pól formularza w wierszu
  13. tr.find('input:disabled').val(wynik);
  14. });
  15. });
[JAVASCRIPT] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 14.10.2025 - 05:24