Checkbox: beim Click show ansonsten hide
Thorsten F.
- html
0 Thorsten F.0 Hans0 Thorsten F.0 Hans
Hallo,
kann mir mal jemand bitte sagen, wo ich den Fehler habe?
Habe das gestern noch bei einem Kumpel geschrieben und wollte das nun bei mir erweitern. Aber jetzt bekomme ich nicht mal mehr den Grundstock hin.
Wenn Checkbox true -> Zeige Feld
Wenn Checbkox false -> Verstecke Feld
Ich habe das gestern sofort hinbekommen, aber jetzt finde ich den deppert Fehler nicht mehr.
<html>
<head>
<title>
Checkbox
</title>
<script type="text/javascript">
function show(fieldname)
{
alert(fieldname);
if(document.formular.boxone.checked)
{
document.getElementById(fieldname).style.visibility = "show";
}
else
document.getElementById(fieldname).style.visibility = "hidden";
}
</script>
</head>
<body>
<form name="formular" action="">
<table border="1">
<tr>
<td>
<input type="checkbox" name="boxone" onClick="show('fieldone');">Click me
</td>
<td>
<input type="text" name="fieldone" style="visibility:hidden" value="Ihre Eingabe">
</td>
</tr>
</table>
</form>
</body>
</html>
Danke
Nochwas:
Als Fehlermeldung bekomme ich in der Statusleiste:
Die visibility Eigenschaft wurde nicht gefunden.
Hallo !
document.getElementById(fieldname).style.visibility = "show";
}
else
document.getElementById(fieldname).style.visibility = "hidden";
}
ja, hat denn das Element auch eine ID ?
Gruß
Hans
Ups,
so habs. Thread nicht angucken. Augenkrebsgefahr........
funzen tut es so:
<html>
<head>
<title>
Checkbox
</title>
<script type="text/javascript">
function show(fieldname)
{
alert(fieldname);
if(document.formular.boxone.checked)
{
document.getElementById(fieldname).style.visibility = "visible";
}
else
document.getElementById(fieldname).style.visibility = "hidden";
}
</script>
</head>
<body>
<form name="formular" action="">
<table border="1">
<tr>
<td>
<input type="checkbox" name="boxone" onClick="show('fieldone');">Click me
</td>
<td>
<input type="text" name="fieldone" style="visibility:hidden" value="Ihre Eingabe">
</td>
</tr>
</table>
</form>
</body>
</html>
Hallo !
Nun, vielleicht habe ich Tomaten auf den Augen, daber Du greifst weiterhin per getElementById auf eine ID zu, die es nicht gibt, weil fuer das Element zwar eine Name, nicht aber eine ID vergeben wurde.
Gruß
Hans
JO, stimmt. Funktioniert aber irgendwie trotzdem. Ist name und id eventuell vom Sinn das gleiche? Oder greift getElementById auf beide zu?
Gruß
Hallo Thorsten,
JO, stimmt. Funktioniert aber irgendwie trotzdem. Ist name und id eventuell vom Sinn das gleiche? Oder greift getElementById auf beide zu?
Vermutlich nur im IE, der lässt Fünfe gerade sein, das ist ja bekannt! Hast du das denn auch mal mit anderen Browsern getestet?
Gruß Gernot