Checkbox überprüfen ?

[LoMo]

Hi community,

hab wiedermal ein kleines Problem und zwar wollte ich eine kleine Funktion schreiben, mit welcher eine Checkbox auf checked geprüft wird und darauf hin der div-tag für die jeweilige Checkbox sichtbar wird.

<script>
<!--
	function showWK(cbID,divID)
	{
		cb01 = document.getElementById(cdID);
		div01 = document.getElementById(divID);
		
		if (cb01.checked == true) {
			div01.style.display = "block";
		} else {
			div01.style.display = "none";
		}
	}
//-->
</script>

der Aufruf:

<input type="checkbox" name="WK" id="WK" value="WK" onChange="showWK("WK","divWK")">&nbsp;

Hier der div-tag:

  <div id="divWK" style="display:none;">
  <tr>
    <td><span class="Text_Normal">Kennung:&nbsp;</span><input type="text" name="Kennung" class="Textfelder" size="30" maxlength="50"></td>
  </tr>
  </div>

Es kommt weder Fehlermeldung noch sonstwas und funtkionieren tuts auch nicht . Nicht mal die div-tags sind stanardmäßig unsichtbar . Weiß jemand wie man das machen könnte ? pls help

mfg

 

[Quaese]

Hi,

benutz mal den onclick-Event zum Aufrufen der Funktion. Ausserdem musst du die Parameter
in einfachen Anführungszeichen übergeben.

<input type="checkbox" name="WK" id="WK" value="WK" onclick="showWK('WK','divWK')">

Weiterhin hast du einen Fehler in deiner Funktion. Du benutzt die Variable cdID, korrekt müsste
es cbID heissen.

	function showWK(cbID,divID)
	{
		cb01 = document.getElementById(cbID);
		div01 = document.getElementById(divID);
		
		if (cb01.checked == true) {
			div01.style.display = "block";
		} else {
			div01.style.display = "none";
		}
	}

Ciao
Quaese

 

[con-f-use]

Schau mal genau auf deine Anführungszeichen ( " " ) im onchange und dann überleg mal, wo der Computer wohl denkt, die Zeichenkette wäre zu Ende! Überleg auch, wie deine Variablen heißen...

Kleiner Tipp:
Es gibt neben doppelten Anfürungszeichen ( " " ) auch noch einfache ( ' ' ). Nutze sie!

P.S.
Quaese war mal wieder schneller....