Mit javascript Werte von HTML Checkboxen zusammenrechnen

Ehemaliges Mitglied Erhaltene Danke: 1

Hallo,

heute beschäftige ich mich mal mit etwas ganz un-Delphi like mit Javascript. Von dem ich keine Ahnung habe, um das gleich vorweg zu nehmen.

Es geht um folgendes Problem:

Ich habe eine html-Seite mit einem Formular. Auf diesem liegen 6 HTML Checkboxen mit jeweils einem Wert von 1 .. 32!

markieren

Quelltext

1:
2:
3:
4:
5:
6:
7:
8:
9:

<form name="Formular" action="/load">
<input type="checkbox" Name="m1" Value="1"> Mess 1<br>
<input type="checkbox" Name="m2" Value="2"> Mess 2<br>
<input type="checkbox" Name="m3" Value="4"> Mess 3<br>
<input type="checkbox" Name="m4" Value="8"> Mess 4<br>
<input type="checkbox" Name="m5" Value="16"> Mess 5<br>
<input type="checkbox" Name="m6" Value="32"> Mess 6<br>
<input type="submit" value="Schalten">
</form>

Ich möchte nun mittels Javascript die Werte der markierten Checkboxen zusammenzählen und beim betätigen des Submitbuttons übertragen. So das die URL in etwa "/load=5" aussieht, wenn z.b. Checkbox 1 und 4 markiert sind.

Zum Hintergrund: Ich habe ein Messgerät, dass über ein Webinterface verfügt. Dieses Webinterface kann man mit eigenem HTML Code an eigene Bedürfnisse anpassen.

Wäre schön, wenn mir jemand helfen könnte.

Gruß Frank

golgol · Beiträge: 58 Win XP Prof. / Linux C# (VS 2005)

Versuchs mal damit - sollte klappen:

markieren

Quelltext

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:

<script type="text/javascript">
function Summe()
{
  sum = 0;
  if(document.Formular.m1.checked)
  {
    sum = sum + (1 * document.Formular.m1.value);
  }
  if(document.Formular.m2.checked)
  {
    sum = sum + (1 * document.Formular.m2.value);
  }
  if(document.Formular.m3.checked)
  {
    sum = sum + (1 * document.Formular.m3.value);
  }
  if(document.Formular.m4.checked)
  {
    sum = sum + (1 * document.Formular.m4.value);
  }
  if(document.Formular.m5.checked)
  {
    sum = sum + (1 * document.Formular.m5.value);
  }
  if(document.Formular.m6.checked)
  {
    sum = sum + (1 * document.Formular.m6.value);
  }


  document.location.href = "http://meine.url.mit/parameter?p=" + sum;
}
</script>

Ahja: Du musst deinen Button natürlich noch anpassen, etwa in der Art:

markieren

Quelltext

1:	<input type="submit" value="Schalten" onClick="javascript:Summe()">

Ehemaliges Mitglied Erhaltene Danke: 1

Danke,

damit habe ich es hinbekommen.

Gruß Frank

	Mitgliederliste
	Gruppen
	Das Team
	Richtlinien
	Synonyme