Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Formularz, zliczanie kwot., radio, checkbox
nitr0
post 24.01.2010, 15:22:09
Post #1





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 26.01.2006
Skąd: o2k/Kalisz

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

Witajcie,
Mam formularz

[HTML] pobierz, plaintext 
  1. <body>
  2. <form>
  3. <fieldset>
  4. <input type="checkbox" value="1" name="cos_1" /> 10zł
  5. <input type="checkbox" value="2" name="cos_2" /> 20zł
  6. </fieldset>
  7. <fieldset>
  8. <input type="radio" value="1" name="pierdola_1" /> 30zł
  9. <input type="radio" value="2" name="pierdola_2" /> 40zł
  10. </fieldset>
  11. </form>
  12. W sumie: (tu kwota)
  13. </body>
[HTML] pobierz, plaintext


I mam pytanie, bo nie wiem jak kompletnie się za to zabrać.
Jak zrobić aby po zaznaczeniu pól (jednego - kilku) wyświetlała się suma kwot które reprezentują, oczywiście bez przeładowywania strony. W obu przypadkach Value="1" / "2" są w efekcie przekazywane do bazy MySQL. Kwota ma tylko się wyświetlać.

Będę wdzięczny za wskazówki bądź rozwiązanie,
Pozdrawiam.
Go to the top of the page
+Quote Post
Pacio
post 27.01.2010, 00:14:52
Post #2





Grupa: Zarejestrowani
Postów: 105
Pomógł: 27
Dołączył: 30.10.2005
Skąd: Lublin

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

Zaczalbym od poprawienia nieco formularza, tj. dodanie labeli do pol, wsadzenie (tu kwota) w jakis element, ktory mozna by odnalezc w DOM. Nastepnie dodanie handlerow na onchange dla inputow. Przy kazdej zmianie jakiegokolwiek inputa, przelecenie po wszystkich i zsumowanie kwot labeli tych zaznaczonych (po usunieciu zł i sparsowaniu na integera). Otrzymana kwote potem wrzucic do elementu z (tu kwota):
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function kwotaInputa(id) {
  5. 	var labele = document.getElementsByTagName("label");
  6. 	for ( j=0; j < labele.length; j++ ) {
  7. 		if ( labele[j].getAttribute("for") == id ) {
  8. 			return parseInt(labele[j].textContent.replace('zł', ''));
  9. 		}
  10. 	}
  11. }
  12.  
  13. function sumowanieKwot() {
  14. 	var inputy = document.getElementsByTagName("input");
  15. 	var kwota = document.getElementById("kwota");
  16. 	for ( i=0; i < inputy.length; i++ ) {
  17. 		inputy[i].onchange = function onchange(e) {
  18. 			suma = 0;
  19. 			for ( j=0; j < inputy.length; j++ ) {
  20. 				if ( inputy[j].checked == true ) {
  21. 					suma += kwotaInputa(inputy[j].id);
  22. 				}
  23. 			}
  24. 			kwota.innerHTML = suma +"zł";
  25. 		};
  26. 	}
  27. }
  28. </script>
  29. </head>
  30. <body onload="sumowanieKwot()">
  31. <form>
  32. 	<fieldset>
  33. 		<input type="checkbox" value="1" name="cos_1" id="cos_1" /> <label for="cos_1">10zł</label>
  34. 		<input type="checkbox" value="2" name="cos_2" id="cos_2" /> <label for="cos_2">20zł</label>
  35. 	</fieldset>
  36. 	<fieldset>
  37. 		<input type="radio" value="1" name="pierdola_1" id="pierdola_1" /> <label for="pierdola_1">30zł</label>
  38. 		<input type="radio" value="2" name="pierdola_2" id="pierdola_2" /> <label for="pierdola_2">40zł</label>
  39. 	</fieldset>
  40. </form>
  41. W sumie: <span id="kwota">(tu kwota)</span>
  42. </body>
  43. </html>
[HTML] pobierz, plaintext


--------------------
Mój Blog Militarny: http://1rBlog.pl
Go to the top of the page
+Quote Post
nitr0
post 24.02.2010, 23:14:51
Post #3





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 26.01.2006
Skąd: o2k/Kalisz

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

Witaj Pacio,

Dzięki za odpowiedź. Generalnie chyba to chyba rozwiąże mi problem, lecz... nie działa pod IE 8.0 (Vista). :/

Po zaznaczeniu jakiejkolwiek z opcji dostaję:

Cytat
Do zaplaty: NaNzł




Pod Safari i FF działa super!

Jakiś pomysł?

Podbijam. Jakieś pomysły? sadsmiley02.gif

Ten post edytował nitr0 30.01.2010, 22:09:35
Go to the top of the page
+Quote Post
« Następny starszy · XML, AJAX · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 12:02
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn