Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Zaokrąglenie do 2 miejsca po przecinku
Forum PHP.pl > Forum > Przedszkole
kondziu9516
25.02.2012, 20:18:09
Witam mam problem z zaokrągleniem liczby do 2 miejsc po przecinku.
Sumowanie jest w JS.

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  4. <title>Kalkulator</title>
  5. </head>
  6. <body>
  7. <script src="kalkulator.js"></script>
  8. <script>
  9. function Suma(){
  10.  
  11. var suma=0;
  12. $('input:checkbox[@name^=id]',document.forms[0]).each(function(){
  13. if(this.checked)suma+=+$(this).attr('value');
  14. });
  15. $('#xyz').empty().append(suma);
  16. }
  17. </script>
  18. <form>
  19. <input type="checkbox" name="id1" value="12.89" />Produkt 1<br>
  20. <font size="2">Cena: 12.89 PLN:</font><br><br>
  21. <input type="checkbox" name="id2" value="15.90" />Produkt 2<br>
  22. <font size="2">Cena: 15.90 PLN:</font><br><br>
  23. <input type="checkbox" name="id3" value="120.78" />Produkt 3<br>
  24. <font size="2">Cena: 120.78 PLN:</font><br><br>
  25. <input type="checkbox" name="id3" value="20.78" />Produkt 4<br>
  26. <font size="2">Cena: 20.78 PLN:</font><br><br>
  27. <input type="button" onclick="Suma()" value="Podlicz" />
  28. </form>
  29. <b>SUMA:</b> <span id="xyz">0</span> PLN
  30. </body>
  31. </html>
[HTML] pobierz, plaintext


Sumując Produkt 1 i Produkt 3
Wyskakuje suma: 133.67000000000002

Jak zaokrąglić to do dwóch miejsc?
Proszę o pomoc
Barcelona
25.02.2012, 20:20:33
Trzymej smile.gif http://www.yarpo.pl/2011/03/06/js-zaokragl...a-dokladnoscia/
kondziu9516
25.02.2012, 20:24:14
Widziałem to już...
Ale nie wiem jak to odwołać się do tego?

Gdzie wkleić dany fragment?
by_ikar
25.02.2012, 20:25:20
A tam kombinacje alpejskie jakieś.. toFixed i wszystko jasne wink.gif
kondziu9516
25.02.2012, 20:26:58
wiem dzięki wielkie....
znalazłem to wcześniej.
Ale gdzie to tutaj dokładnie wstawić?
BO próbowałem wielokrotnie...

[HTML] pobierz, plaintext 
  1. <script>
  2. function Suma(){
  3.  
  4. var suma=0;
  5. $('input:checkbox[@name^=id]',document.forms[0]).each(function(){
  6. if(this.checked)suma+=+$(this).attr('value');
  7. });
  8. $('#xyz').empty().append(suma);
  9. }
  10. function Round(n, k)
  11. {
  12.     var factor = Math.pow(10, k);
  13.     return Math.round(n*factor)/factor;
  14. }
  15. </script>
[HTML] pobierz, plaintext
Kostek.88
25.02.2012, 20:39:28 
[HTML] pobierz, plaintext 
  1.  
  2. var liczba = 3,4563482
  3.  
  4. var liczbaZaokraglona = liczba.toFixed(2); // to jest do dwóch
  5.  
[HTML] pobierz, plaintext


EDIT: w Twoim przykładzie to chyba musisz 8. linijkę zamienić na
[HTML] pobierz, plaintext 
  1. $('#xyz').text(suma.toFixed(2));
[HTML] pobierz, plaintext


albo 

[HTML] pobierz, plaintext 
  1. $('#xyz').html(suma.toFixed(2));
[HTML] pobierz, plaintext


Niepotrzebny Ci empty i append smile.gif Funkcja Round też nie, z tego co widzę.
kondziu9516
25.02.2012, 20:43:47
niestety nie działa...;(

A czy przerobiłby mi ktoś ten kod na poprawny??

[HTML] pobierz, plaintext 
  1. <script>
  2. function Suma(){
  3.  
  4. var suma=0;
  5. $('input:checkbox[@name^=id]',document.forms[0]).each(function(){
  6. if(this.checked)suma+=+$(this).attr('value');
  7. });
  8. $('#xyz').empty().append(suma);
  9. }
  10.  
  11. </script>
[HTML] pobierz, plaintext


Edit:
Oczywiście daje plusy !
Kostek.88
25.02.2012, 21:12:11
Jak już robisz to w jQuery, to po co mieszać z natywnym JS? Zobacz tutaj: http://jsfiddle.net/kostek/hRDpR/ . Musisz sparsować każdą wartość funckją parseFloat (dla liczb ułamkowych) lub np. parseInt (dla całkowitych), a potem dopiero wykonywać na nich operacje. A dlaczego? Bo JS interpretuje Twoje wartości jako string i łączy je jak zwykłe fragmenty tekstu.
kondziu9516
25.02.2012, 21:18:51
albo coś źle wstawiam... albo nie działa...;(

Kostek.88
25.02.2012, 21:27:12
Ha ha ha! Działa smile.gif Sam widzisz pod linkiem. A tak zapytam... a gdzie masz jQuery?questionmark.gif http://docs.jquery.com/Downloading_jQuery - ściągnij i daj do HEAD
kondziu9516
25.02.2012, 21:35:30
No mam wszystko...
Tak to mam... i nie działa nawet teraz podliczanie...;/

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  4. <title>Kalkulator</title>
  5. <script type='text/javascript' src='kalkulator1.js'></script>
  6. <script type='text/javascript' src="kalkulator.js"></script>
  7. <script type='text/javascript'>
  8. $('input.suma').click(function(){
  9.     var suma = 0;
  10.     $('form input[type=checkbox]:checked').each(function(){
  11.         suma += parseFloat($(this).val());
  12.     });
  13.     $('#xyz').html(parseFloat(suma).toFixed(2));
  14.  
  15. });
  16. </script>
  17. </head>
  18. <body>
  19.   <form>
  20. <input type="checkbox" name="id1" value="12.89" />Produkt 1<br>
  21. <font size="2">Cena: 12.89 PLN:</font><br><br>
  22. <input type="checkbox" name="id2" value="15.90" />Produkt 2<br>
  23. <font size="2">Cena: 15.90 PLN:</font><br><br>
  24. <input type="checkbox" name="id3" value="120.78" />Produkt 3<br>
  25. <font size="2">Cena: 120.78 PLN:</font><br><br>
  26. <input type="checkbox" name="id4" value="20.78" />Produkt 4<br>
  27. <font size="2">Cena: 20.78 PLN:</font><br><br>
  28. <input type="button" class="suma" value="Podlicz" />
  29. </form>
  30. <b>SUMA:</b> <span id="xyz">0.00</span> PLN
  31.  
  32. </body>
  33. </html>
[HTML] pobierz, plaintext
Kostek.88
25.02.2012, 21:56:40
EDIT: a gdzie masz jQuery w tym przykładzie?! Podałem Ci link do biblioteki do wstawienia... przeczytałeś tego posta chociaż? Widzę, kalkulator wstawiasz, a jQuery nie... nie rozumiem... chyba nie czytałeś...

Tutaj masz wersję natywnego JavaScript. Jeśli nie masz zamiaru używać jQuery, to zrób to natywnie... jeśli masz mało JS na stronie, nie ma sensu byś umieszczał ciężką bibliotekę jQuery...

[HTML] pobierz, plaintext 
  1. function sumuj() {
  2.     var suma = 0;
  3.     var c = document.getElementById('formularz').getElementsByTagName('input');
  4.     for (var i = 0; i < c.length; i++) {
  5.         if (c[i].type == 'checkbox') {
  6.             if ( c[i].checked == true ) {
  7.             suma += parseFloat( c[i].value );
  8.             }
  9.         }
  10.     }
  11.  
  12.     document.getElementById("xyz").innerHTML = parseFloat(suma).toFixed(2);
  13. }
[HTML] pobierz, plaintext
kondziu9516
25.02.2012, 22:39:17
Okej już działa...wink.gif
Zrobiłem to jeszcze inaczej...biggrin.gif
Ze źródła strony skopiowałem...
I brakowało tylko tego $(window).load(function(){
w tym...tongue.gif
[HTML] pobierz, plaintext 
  1. <script type='text/javascript'>
  2. //<![CDATA[ 
  3. $(window).load(function(){
  4. $('input.suma').click(function(){
  5.     var suma = 0;
  6.     $('form input[type=checkbox]:checked').each(function(){
  7.         suma += parseFloat($(this).val());
  8.     });
  9.     $('#xyz').html(parseFloat(suma).toFixed(2));
  10. });
  11.  
  12. });//]]>  
  13.  
  14. </script>
[HTML] pobierz, plaintext

-Mario-
26.02.2012, 01:06:11
A to jest forum php czy JS
Kostek.88
26.02.2012, 23:53:23
@kondziu9516: Możesz dać ew.

[HTML] pobierz, plaintext 
  1. $(document).ready(function(){
  2.  // kod jQuery
  3. });
[HTML] pobierz, plaintext


Poza tym nadal nie widzę tego jQuery w HEAD tongue.gif Mimo wszystko dobrze, że działa.

@Mario: Jak poprzeglądasz działy forum to zorientujesz się, że to nie tylko PHP. W dużej mierze tak, ale nie ukrywajmy, pewne elementy są ze sobą na tyle powiązane, że uważam za dobry pomysł działy nie o PHP. Ba, masz nawet HydePark.

PS. No chyba, że Ci o dział chodziło...
kosiew
10.05.2012, 17:33:03
Witam. Czy ktoś przerobił by ten kodzik tak aby w polu "wynik" pojawiła się liczba zaokrąglona do 2 miejsc po przecinku?? Wiem ze trzeba wykorzystać tą funkcje


[HTML] pobierz, plaintext 
  1. function zaokraglenie(liczba) {
  2. liczba = liczba * 100;
  3. var wynik = Math.round(liczba)/100;
  4. window.alert(wynik);
  5. }
[HTML] pobierz, plaintext


ale nie mam pojęcia jak ja scalić z kodem i wywołać. 

[HTML] pobierz, plaintext 
  1. <script>
  2. function a() {
  3. 		p = 7;
  4. 		//pobiera wartość z input-a o id="p1"
  5. 		p1 = document.getElementById("p1").value;
  6. 		//oblicza wynik
  7. 		wynik = p1 / p;
  8. 		//zapisuje wynik w input o id="wynik"
  9. 		document.getElementById("wynik").value = wynik;
  10. 	}
  11. 	</script>
  12.  
  13. <from>
  14. 			<input type="text" name="pole" id="p1"/>
  15.  
  16. 			<input type="text" name="7" value="7"/>
  17.  
  18. 			<input type="text"  id="wynik"/>
  19.  
  20. 			<input type="button" value="Oblicz" onclick="a()"/>
  21. </from>
[HTML] pobierz, plaintext




Kostek.88
16.05.2012, 22:29:51 
[JAVASCRIPT] pobierz, plaintext 
  1. document.getElementById("wynik").value = parseFloat(wynik).toFixed(2);
[JAVASCRIPT] pobierz, plaintext


A jeśli chcesz bardzo użyć tej funkcji powyżej, to usuń ten cały alert. Powinno być return, jak w każdej normalnej funkcji.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.