Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][JavaScript]Checkbox zmieniający wynik
Raptorini
post
Post #1





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 4.01.2021
Skąd: Łódź

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

Witam!
Mam pewien problem ponieważ próbuje wykonać cennik obliczający koszta zakupy listw. Napisałem już część skryptu który oblicza mi cenę, jednak muszę jeszcze dodać funkcje która po zaznaczeniu checkboxa pomnoży wynik *12% oraz przedstawi wynik do dwóch miejsc po przecinku (IMG:style_emoticons/default/sad.gif) 
[HTML] pobierz, plaintext 
  1. <! DOCTYPE HTML>
  2. <html lang="pl">
  3. <head>
  4.     <meta charset="utf-8"/>
  5.     <title>Cennik</title>
  6.  
  7. <script type="text/javascript">
  8. function cennik()
  9. {
  10. var jeden =document.getElementById("x").value;        
  11. var wynik = jeden *25;
  12. document.getElementById("obliczenia").innerHTML = wynik;
  13. }
  14. </script>
  15.  
  16.  
  17. </head>
  18. <body>
  19. <h2>Cennik</h2>
  20. <hr>
  21. Ilość Paneli do Położenia <br></br>
  22. <input type="text" id="x" value="wpisz"> </br>
  23. <input type="submit" value="Oblicz" onclick="cennik()" ></br>
  24.  
  25.  
  26. <div id = "obliczenia">Tutaj pojawi sie wynik obliczeń</div>
  27. Dodatkowe Ułożenie listwy:
  28. <input type="checkbox" />
  29. </body>
  30. </html>
[HTML] pobierz, plaintext


Ten post edytował Raptorini 4.01.2021, 16:03:09
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 1)
gino
post
Post #2





Grupa: Zarejestrowani
Postów: 324
Pomógł: 52
Dołączył: 18.02.2008

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

w formularzu:

Kod
<input type="checkbox" id="proc">


w funkcji js:

Kod
function cennik()
{
var proc = document.getElementById("proc");
var jeden =document.getElementById("x").value;        
var wynik = jeden *25;
if(proc.checked == true)
{
  wynik = wynik*0.12;
}
document.getElementById("obliczenia").innerHTML = wynik.toFixed(2);
}



edit:

zwaliduj formularz przed wysłaniem bo ilość masz type="text", narzuć ilość miejsc po przecinku do wpisania, użyj np. type="number" step="0.1", zamiast value="wpisz" użyj placeholder

Ten post edytował gino 5.01.2021, 12:35:01
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 23.08.2025 - 15:49
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn