---
title: "Addera tal automatiskt?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/91983-addera-tal-automatiskt"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "wborg"
published: "2003-12-05T21:16:49.000Z"
updated: "2003-12-07T01:52:39.000Z"
replies: 3
views: 344
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/91983-addera-tal-automatiskt"
---

# Addera tal automatiskt?

## #1 — wborg, 2003-12-05T21:16Z

Hej,

jag undrar om det på något sätt går att lägga ihop
tal från ett antal fält i ett annat fält automatiskt?

Exempel:

Jag har fyra input fält där jag ska skriva olika summor
och ett fält där jag vill ha ett script som automatiskt
uppdaerar summan av dom summor jag fyller i i mina
fyra input fält 'on-the-fly' så att säga.

Har för mig att jag såg ett sådant script nånstans i detta
forum men jag hittar inget när jag söker :(

Vet någon vilket script jag menar (om det nu var på denna
sidan) så behövs bara en länk dit ;)

/S

Permalänk: https://www.webforum.nu/p/91983

## #2 — Cheguelin, 2003-12-05T22:19Z

```
<html>
  <head>
    <title>Add automatically</title>
    <script type="text/javascript">
        function addValues() {
            var sum = 0;
            for (var i = 0; i < arguments[0].elements.length; i++)
                if (!isNaN(arguments[0].elements[i].value))
                    sum += Number(arguments[0].elements[i].value);

            return sum;
        }
    </script>
  </head>
  <body>
    <form>
      <p>
        <input onchange="alert(addValues(this.form));" type="text" />
      </p>

      <p>
        <input onchange="alert(addValues(this.form));" type="text" />
      </p>

      <p>
        <input onchange="alert(addValues(this.form));" type="text" />
      </p>

      <p>
        <input onchange="alert(addValues(this.form));" type="text" />
      </p>
    </form>
  </body>
</html>
```

Behöver du hjälp med koden så säg bara till.

Permalänk: https://www.webforum.nu/p/1221330

## #3 — wborg, 2003-12-06T23:02Z

Ja tack,

hjälp är välkommet.

Jag har här nedan bifogat min kod som jag vill ska vara på 
följande sätt:

1) Man skriver siffror i ruta 1 - 18

2) Man får fortlöpande uppdateringar i Summa: rutan
dvs att när jag skriver in en siffra i ruta 1 - 18 så
ska Summa: rutan uppdateras.

```
<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<center>
<form>
<table border="1" style="border-collapse: collapse" bordercolor="#000000" width="90">
  <tr>
    <td>1</td>
	<td>2</td>
	<td>3</td>
	<td>4</td>
	<td>5</td>
	<td>6</td>
	<td>7</td>
	<td>8</td>
	<td>9</td>
  </tr>
  <tr>
    <td align="center"><input type="text" size="5"></td>
	<td align="center"><input type="text" size="5"></td>
	<td align="center"><input type="text" size="5"></td>
	<td align="center"><input type="text" size="5"></td>
	<td align="center"><input type="text" size="5"></td>
	<td align="center"><input type="text" size="5"></td>
	<td align="center"><input type="text" size="5"></td>
	<td align="center"><input type="text" size="5"></td>
	<td align="center"><input type="text" size="5"></td>
  </tr>
  <tr>
    <td>10</td>
	<td>11</td>
	<td>12</td>
	<td>13</td>
	<td>14</td>
	<td>15</td>
	<td>16</td>
	<td>17</td>
	<td>18</td>
  </tr>
  <tr>
    <td align="center"><input type="text" size="5"></td>
	<td align="center"><input type="text" size="5"></td>
	<td align="center"><input type="text" size="5"></td>
	<td align="center"><input type="text" size="5"></td>
	<td align="center"><input type="text" size="5"></td>
	<td align="center"><input type="text" size="5"></td>
	<td align="center"><input type="text" size="5"></td>
	<td align="center"><input type="text" size="5"></td>
	<td align="center"><input type="text" size="5"></td>
  </tr>
  <tr>
    <td  colspan="9" align="right">Summa:&nbsp;<input type="text" size="10"></td>
  </tr>
</table>
</form>
</center>
</body>
</html>
```

/S

Permalänk: https://www.webforum.nu/p/1221730

## #4 — dectgap, 2003-12-07T01:52Z

Ett exempel:

```
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function addera(theForm){
    var summan = 0;
    for(var i=0; i<18; i++){
      summan += (isNaN(parseFloat(theForm.elements[i].value))) ? 0 : parseFloat(theForm.elements[i].value);
    }
    theForm.summa.value = summan;
}
</script>
</head>

<body>
<center>
<form>
<table border="1" style="border-collapse: collapse" bordercolor="#000000" width="90">
  <tr>
    <td>1</td>
	<td>2</td>
	<td>3</td>
	<td>4</td>
	<td>5</td>
	<td>6</td>
	<td>7</td>
	<td>8</td>
	<td>9</td>
  </tr>
  <tr>
    <td align="center"><input type="text" size="5"></td>
	<td align="center"><input type="text" onblur="addera(this.form)" size="5"></td>
	<td align="center"><input type="text" onblur="addera(this.form)" size="5"></td>
	<td align="center"><input type="text" onblur="addera(this.form)" size="5"></td>
	<td align="center"><input type="text" onblur="addera(this.form)" size="5"></td>
	<td align="center"><input type="text" onblur="addera(this.form)" size="5"></td>
	<td align="center"><input type="text" onblur="addera(this.form)" size="5"></td>
	<td align="center"><input type="text" onblur="addera(this.form)" size="5"></td>
	<td align="center"><input type="text" onblur="addera(this.form)" size="5"></td>
  </tr>
  <tr>
    <td>10</td>
	<td>11</td>
	<td>12</td>
	<td>13</td>
	<td>14</td>
	<td>15</td>
	<td>16</td>
	<td>17</td>
	<td>18</td>
  </tr>
  <tr>
    <td align="center"><input type="text" size="5"></td>
	<td align="center"><input type="text" onblur="addera(this.form)" size="5"></td>
	<td align="center"><input type="text" onblur="addera(this.form)" size="5"></td>
	<td align="center"><input type="text" onblur="addera(this.form)" size="5"></td>
	<td align="center"><input type="text" onblur="addera(this.form)" size="5"></td>
	<td align="center"><input type="text" onblur="addera(this.form)" size="5"></td>
	<td align="center"><input type="text" onblur="addera(this.form)" size="5"></td>
	<td align="center"><input type="text" onblur="addera(this.form)" size="5"></td>
	<td align="center"><input type="text" onblur="addera(this.form)" size="5"></td>
  </tr>
  <tr>
    <td colspan="9" align="right">Summa: <input type="text" size="10" name="summa"></td>
  </tr>
</table>
</form>
</center>
</body>
</html>
```

Permalänk: https://www.webforum.nu/p/1221748

---

Tråden på webben: https://www.webforum.nu/amne/javascript/91983-addera-tal-automatiskt
