• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Werte einer JavaScript Function übergeben

E

erdmulch

Mitglied
Hallo zusammen, ich bin gerade an den Anfängen um eine html-Seite zu programmieren ich will so was programmieren: SELFHTML: HTML/XHTML / Formulare / Auswahllisten, Radio-Buttons und Checkboxen d.h. Ich würde gerne eine Auswahl von mehreren Checkboxen haben. Wenn ich dann einen Button drücke würde ich gerne die ausgewählten Elemente eine JavaScript Funktion übergeben In diesem Fall würde ich "Salami" und "Pilze" anklicken und mit einem Button an eine JavaScript Funktion übergeben. Ich würde gerne eine alert() Funktion aufrufen die dann die Werte "Salami" und "Pilze" anzeigt Kann mir jemand sagen wie man sowas realisiert? vielen Dank im voraus
 
Ob eine Checkbox angehakt ist, kann man mit checked prüfen:
JavaScript Checkbox Object - checked property

Mittels if-Bedingung solltest Du den anzuzeigenden Text dann zusammensetzen und mit alert() ausgeben können.

Code: 
var text = "";
if( document.getElementById("IDeinerCheckbox").checked ) {
 text = "Wert 1 angehakt";
}
alert(text);
 
Kopiere ihn einfach in den Editor hier rein und umgib ihn mit Code-Tags. Die findest Du im Editor ganz rechts.
 
Hallo,

erstmal danke für die Info.
die html Seite besteht aus checkboxen beim drücken von einem Button soll der entsprechende wert in einer alert() Funktion angezeigt werden
vielen Dank im voraus

HTML: 
[html]

<script type="text/javascript">
function test(wert)
{
  alert(wert);
  if( document.getElementById(wert).checked ) 
  {
   alert("Sie haben das erste Feld ausgewält)
  }
 
}

</script>




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Checkboxen definieren</title>
</head>
<body>

<h1>Pizzabelag nach Wahl!</h1>

<form action="input_checkbox.htm">
  <p>Kreuzen Sie die gew&uuml;nschten Zutaten an:</p>
  <p>
    <input type="checkbox" name="zutat" id="1" value="salami"> Salami<br>
    <input type="checkbox" name="zutat" id="2" value="pilze"> Pilze<br>
    <input type="checkbox" name="zutat" id="3" value="sardellen"> Sardellen
    <input type="button" name="Text 2" value="Text 2 anzeigen"
      onclick="test(id)">
  </p>
</form>

</body>
</html>
[/HTML]
 
Was ist eigentlich die Frage? Was an deinem Code falsch ist?

Z.B. folgendes:
Der Aufruf von
Code: 
test(id)
per onclick bringt nur etwas, wenn auch eine Variable id gesetzt wurde. Du müsstest diesen Parameter weglassen und in der Funktion jede Checkbox einzeln prüfen. Also auch jeder Checkbox im HTML-Code eine ID geben. Dann kannst Du mit checked prüfen, ob sie angehakt sind (hast Du ja schon) und mit
Code: 
document.getElementById("IDderCheckbox").value
den Wert auslesen den sie hat.
 
Es muss hier keine Variable id gesetzt sein, sondern lediglich beim Funktionsaufruf ein Parameter übergeben werden.

Code: 
onclick = test('hi');

function test(wert)
{
    alert(wert;)
}
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben