 [JavaScript][CSS][PHP]wprowadzenie cennika z sumowaniem kwot po kliknięciu |
| [JavaScript][CSS][PHP]wprowadzenie cennika z sumowaniem kwot po kliknięciu |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 2 Pomógł: 0 Dołączył: 24.11.2013 Ostrzeżenie: (0%) 
 |
Witam
Chcę umieścić cennik, w którym po kliknięciu w dane opcje, na dole będzie wyskakiwała aktualna kwota za wszystkie dodatki. Od jakiegoś czasu poszukuje w internecie czegoś gotowego, nie znam się na tym tak dobrze żeby stworzyć coś samemu. Może mi ktoś podpowiedzieć gdzie albo chociaż jak poszukać takiego skryptu. Może chociaż jakieś hasła, którymi się kierować . Z góry dzięki za pomoc |
 |
 
|
 |
|
Post
#2
|
|
 Grupa: Zarejestrowani Postów: 2 355 Pomógł: 533 Dołączył: 15.01.2010 Skąd: Bydgoszcz Ostrzeżenie: (0%)
|
http://viralpatel.net/blogs/sum-html-textb...ery-javascript/
http://www.codeofaninja.com/2013/07/jQuery-sum.html javascript sum price edit: a tu masz przykład z checkboxami: http://jsfiddle.net/XSCZ3/7/ Ten post edytował Damonsson 24.11.2013, 16:00:55 |
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 2 Pomógł: 0 Dołączył: 24.11.2013 Ostrzeżenie: (0%)
|
dzięki za pomoc, a da się coś takiego przerobić tak żeby każda opcja miała już przypisaną cenę a kliknięcie opcji wywoływało dodanie jej do zsumowania ? :
<html> <head> <title>Sum Html Textbox Values using jQuery/JavaScript</title> <style> body { font-family: sans-serif; } #summation { font-size: 18px; font-weight: bold; color:#174C68; } .txt { background-color: #FEFFB0; font-weight: bold; text-align: right; } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> </head> <body> <table width="300px" border="1" style="border-collapse:collapse;background-color:#E8DCFF"> <tr> <td width="40px">1</td> <td>Butter</td> <td><input class="txt" type="text" name="txt"/></td> </tr> <tr> <td>2</td> <td>Cheese</td> <td><input class="txt" type="text" name="txt"/></td> </tr> <tr> <td>3</td> <td>Eggs</td> <td><input class="txt" type="text" name="txt"/></td> </tr> <tr> <td>4</td> <td>Milk</td> <td><input class="txt" type="text" name="txt"/></td> </tr> <tr> <td>5</td> <td>Bread</td> <td><input class="txt" type="text" name="txt"/></td> </tr> <tr> <td>6</td> <td>Soap</td> <td><input class="txt" type="text" name="txt"/></td> </tr> <tr id="summation"> <td> </td> <td align="right">Sum :</td> <td align="center"><span id="sum">0</span></td> </tr> </table> <script> $(document).ready(function(){ //iterate through each textboxes and add keyup //handler to trigger sum event $(".txt").each(function() { $(this).keyup(function(){ calculateSum(); }); }); }); function calculateSum() { var sum = 0; //iterate through each textboxes and add the values $(".txt").each(function() { //add only if the value is number if(!isNaN(this.value) && this.value.length!=0) { sum += parseFloat(this.value); } }); //.toFixed() method will roundoff the final sum to 2 decimal places $("#sum").html(sum.toFixed(2)); } </script> </body> </html> |
|
|
|
|
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 2 355 Pomógł: 533 Dołączył: 15.01.2010 Skąd: Bydgoszcz Ostrzeżenie: (0%)
|
Nie rozumiem. Przykład z jsfiddle to robi. Czy nie? Czego nie robi? Jak powinno być?
|
|
|
|
| -lukikow- |
Post
#5
|
|
Goście |
Witam
Nie będę tworzył nowego tematu, ponieważ mój problem jest podobny a zajdujące się tu skrypty prawie spełniają moje oczekiwania. Szukam skryptu podobnego do tego: http://www.uslugiremontowe.pl/cennik.php Chodzi o to aby wartość z każdego wpisanego pola była mnożna przez wartość ustawioną sztywno (w kodzie) a na końcu wszystko sumowane. http://www.codeofaninja.com/2013/07/jQuery-sum.html w tym skrypcie co mogłbym dodać/zmienić ? Przykładowo: Gładź 20zł/m2 [miejsce na wpisanie ilosci m2 przez uzytkownika] . . . Suma to: [..] |
|
|
|
|
Post
#6
|
|
 Grupa: Zarejestrowani Postów: 8 068 Pomógł: 1414 Dołączył: 26.10.2005 Ostrzeżenie: (0%)
|
obok
Kod <input type='text' class='price' /> dodaj hidden z wartością do przemnożenia a tutaj zamiast Kod sum += Number($(this).val()); to Kod sum += Number($(this).val()) * Number($(this).next().val());
|
|
|
|
| -business wdstion- |
Post
#7
|
|
Goście |
<input type='text' class='price' hidden='100'/> w ten sposob ?
|
|
|
|
| -lukikow- |
Post
#8
|
|
Goście |
<tr>
<td>Pierwsza usluga 60zl/m2 *</td> <td><input type='text' class='price'/> <input type='hidden' value='555'/></td> </tr> tak powinna wygladać komórka ? w wyniku cały czas widnieje "NaN" |
|
|
|
 |
|
Aktualny czas: 22.08.2025 - 04:52 |
