Formularz, zliczanie kwot.

Formularz, zliczanie kwot., radio, checkbox

nitr0 Zobacz profil	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 <body> <form> <fieldset> <input type="checkbox" value="1" name="cos_1" /> 10zł <input type="checkbox" value="2" name="cos_2" /> 20zł </fieldset> <fieldset> <input type="radio" value="1" name="pierdola_1" /> 30zł <input type="radio" value="2" name="pierdola_2" /> 40zł </fieldset> </form> W sumie: (tu kwota) </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.

Odpowiedzi

Pacio Zobacz profil	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 <html> <head> <script type="text/javascript"> function kwotaInputa(id) { var labele = document.getElementsByTagName("label"); for ( j=0; j < labele.length; j++ ) { if ( labele[j].getAttribute("for") == id ) { return parseInt(labele[j].textContent.replace('zł', '')); } } } function sumowanieKwot() { var inputy = document.getElementsByTagName("input"); var kwota = document.getElementById("kwota"); for ( i=0; i < inputy.length; i++ ) { inputy[i].onchange = function onchange(e) { suma = 0; for ( j=0; j < inputy.length; j++ ) { if ( inputy[j].checked == true ) { suma += kwotaInputa(inputy[j].id); } } kwota.innerHTML = suma +"zł"; }; } } </script> </head> <body onload="sumowanieKwot()"> <form> <fieldset> <input type="checkbox" value="1" name="cos_1" id="cos_1" /> <label for="cos_1">10zł</label> <input type="checkbox" value="2" name="cos_2" id="cos_2" /> <label for="cos_2">20zł</label> </fieldset> <fieldset> <input type="radio" value="1" name="pierdola_1" id="pierdola_1" /> <label for="pierdola_1">30zł</label> <input type="radio" value="2" name="pierdola_2" id="pierdola_2" /> <label for="pierdola_2">40zł</label> </fieldset> </form> W sumie: <span id="kwota">(tu kwota)</span> </body> </html> [HTML] pobierz, plaintext