Forum PHP.pl > [HTML][JavaScript]Checkbox zmieniający wynik

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][JavaScript]Checkbox zmieniający wynik

Raptorini

4.01.2021, 16:02:32

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

[HTML] pobierz, plaintext 
<! DOCTYPE HTML>
<html lang="pl">
<head>
    <meta charset="utf-8"/>
    <title>Cennik</title>
 
<script type="text/javascript">
function cennik()
{
var jeden =document.getElementById("x").value;        
var wynik = jeden *25;
document.getElementById("obliczenia").innerHTML = wynik;
}
</script>
 
 
</head>
<body>
<h2>Cennik</h2>
<hr>
Ilość Paneli do Położenia <br></br>
<input type="text" id="x" value="wpisz"> </br>
<input type="submit" value="Oblicz" onclick="cennik()" ></br>
 
 
<div id = "obliczenia">Tutaj pojawi sie wynik obliczeń</div>
Dodatkowe Ułożenie listwy:
<input type="checkbox" />
</body>
</html>
[HTML] pobierz, plaintext

gino

5.01.2021, 12:24:06

w formularzu:

Kod

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

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.