nach Checkbox erweitertes Formular anzeigen

**frodenius** · 10.03.2008, 19:40

es gibt da den event-handler onChange.
der könnte eine funktion aufrufen und die dann ein paar elemente in den DOM-Baum einfügen..

**gomso** · 11.03.2008, 10:14

Besten Dank für deine Antwort

Kannst du mir das an einem kleinen Beispiel zeigen, wie ich mit Checkboxen onChange/onClick ein paar Textfelder und so ein- und ausblende?

Besten Dank

Gomso

**frodenius** · 11.03.2008, 17:21

gern:

Code:

<html>
<head><title>test</title>
<script type="text/JavaScript">
function toggleVis (id) {
  var e = document.getElementById(id);
  e.style.display = (e.style.display == "block") ? "none" : "block";
}
window.onload = function (){  
  var e = document.getElementById("cb");
  e.onchange = function (){
    toggleVis("container");
  }
}
</script>
</head>
<body>
<input type="checkbox" id="cb"/> Hier checken!<br/>
<div id="container" style="display:none"> 
  <p>
  H3ll0 W0rld!
  </p>
</div>
</body>
</html>

konnte es jetzt leider nich irgendwo hochladen, hab nur sehr beschränktes netz.

**gomso** · 12.03.2008, 11:32

Perfekt, funktioniert 1A., Besten Dank

Wie sieht es aus, wenn ich 2 (oder mehrere) Checkboxen habe, und wenn 1 oder mehrere markiert sind, dann soll es "H3ll0 W0rld!" anzeigen, wenn keine, soll es ausgeblendet werden

Besten Dank für die Bemühungen

Gruss Gomso

**frodenius** · 12.03.2008, 21:28

speicher den status der checkboxen in variablen.

btw nicht ganz richtiges forum

also
Mods bitte:
move -> Projekthilfe

nach Checkbox erweitertes Formular anzeigen