Just nu i M3-nätverket
Gå till innehåll
Eforum är stängt för nya inlägg och svar sedan 20 juni 2022. Klicka för att läsa vad som hände och om alternativ.

automatisk miniräknare

spectacell

Startad av spectacell,
i Webbutveckling

Rekommendera Poster

spectacell

spectacell

Postad
Postad

Finns det något sätt så att summan av en massa textboxar räknas automatiskt direkt man skriver in tal i dessa. Alltså utan att man behöver trycka på en "submit-knapp".

Precis som en vanlig miniräknare alltså fast i realtid och bara med addition.

Så här nånting:

(Ruta 1) (Ruta 2) (Ruta 3)

 

(Summa)

 

Vill att den skriver ut summan automatiskt i summaboxen när ja skrivit in tal i rutorna.

 

Tack på förhand! /Emil

 

Länk till kommentar
Dela på andra webbplatser
Haren

Haren

Postad
Postad

Har du testat att använda onchange på textboxarna? Nedanstående lilla testsida som jag skrev ihop kanske kan vara till hjälp. Det funkar så att när du "går ur" rutan du skrivit en siffra i så räknas summan om. Kan naturligtvis göras med flera textboxar än två.

 

----

<html>
<head>
<script language="javascript">

function calculate()
{
 document.calc.resultat.value =
 parseInt(document.calc.tal1.value) +
 parseInt(document.calc.tal2.value);
}

</script>
</head>
<body>

<form name="calc">
 <input name="tal1" value="0" onchange="calculate();"> + 
 <input name="tal2" value="0" onchange="calculate();"> =
 <input name="resultat" value="0" disabled>
</form>

</body>
</html>

 

-------------------------------

/HAREN

"And never start a sentence with a conjunction"

 

[inlägget ändrat 2003-05-22 10:30:39 av Haren]

Länk till kommentar
Dela på andra webbplatser
  • 2 years later...
Jumpen

Jumpen

Postad
Postad

Jag menar att räknaren ska leverera en summa utan decimaler. Lägger du ihop 1 + 2 + 3,01 så ska det bil 6 och inte 6,01.

 

De jag har hittat på forumet och på den sida du hänvisar till rör hur man genom funktionen var begränsar antalet decimaler men inte hur jag får document.calc.resultat.value enligt koden ovan med önskat antal decimaler.

 

Länk till kommentar
Dela på andra webbplatser
Micke_skane

Micke_skane

Postad
Postad

Är inte riktigt säker på vad du menar men om det ska vara att man ska kunna räkna med hur många decimaler man vill men svaret ska vara utan decimaler så "plitta" jag ner denna som exempel:

<script type="text/javascript" language="JavaScript1.3">
function rakna() {
var oElm1 = document.getElementById("tal1").value;
var oElm2 = document.getElementById("tal2").value;
var oElm3 = document.getElementById("summa");
var summa = parseFloat(oElm1) + parseFloat(oElm2);
oElm3.value = Math.round(summa);
}
</script>

<input type="text" id="tal1">
<input type="text" id="tal2">
<input type="text" id="summa">
<input type="submit" value="Räkna" onclick="javascript:rakna();">

 

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

Gå till ämneslista


×
×
  • Skapa nytt...