MacGyver30
Grünschnabel
Moin, so, nach stundenlanger suche und einer halben Lösung frag ich jetzt mal nach. Javascript ist einfach nix für mich
Ich habe eine Dynamisch aufgebaute seite mit diversen Checkboxen. Hinter der jeweiligen Checkbox steht ein text. Danach kommt ein Input feld wo man eine Zeit eintragen muss und danach ein select feld wo man etwas auswählen soll. Mein Problem ist halt das man nicht jede Checkbox anwählen muss, aber trotzallem hinter jeder Checkbox die Zeiteingabe und das Selectfeld ist. Ich möchte gerne das diese beiden teile NUR eingeblendet werden wenn die Checkbox für das Feld auf Checked gesetzt ist.
Für ein Feld hab ich es geschaft, also nur die Zeit ein und ausblenden, aber wie das jetzt für 2 Felder gehen soll da ist dann bei mir ende. Vielleicht kann ja mal jemand helfen .
Hier mal der Code:
Vielleicht kann mir das mal jemand so abändern das es funktioniert. Würde nämlich bei 20 oder 30 Checkboxen
verdammt unübersichtlich aussehen wenn man nur 3 anklicken muss aber für jede die Zeit und die Technikerauswahl
zur verfügung steht.
Vielen dank schonmal.
Ich habe eine Dynamisch aufgebaute seite mit diversen Checkboxen. Hinter der jeweiligen Checkbox steht ein text. Danach kommt ein Input feld wo man eine Zeit eintragen muss und danach ein select feld wo man etwas auswählen soll. Mein Problem ist halt das man nicht jede Checkbox anwählen muss, aber trotzallem hinter jeder Checkbox die Zeiteingabe und das Selectfeld ist. Ich möchte gerne das diese beiden teile NUR eingeblendet werden wenn die Checkbox für das Feld auf Checked gesetzt ist.
Für ein Feld hab ich es geschaft, also nur die Zeit ein und ausblenden, aber wie das jetzt für 2 Felder gehen soll da ist dann bei mir ende. Vielleicht kann ja mal jemand helfen .
Hier mal der Code:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Blabla</title>
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" />
<meta name="author" content="mediaDental" />
<style type="text/css">
#myGroup {visibility:hidden}
</style>
<script type="text/javascript">
function toggle(chkbox, group) {
var visSetting = (chkbox.checked) ? "visible" : "hidden";
document.getElementById(group).style.visibility = visSetting;
}
</script>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0" width="100%">
<tr bgcolor="#ffffff">
<td align="center"><input type="checkbox" name="tid[]" value="2" onclick="toggle(this, 'myGroup')" /></td>
<td align="center">Bla text zur Auswahl</td>
<td align="center"><span id="myGroup"><input class="input" type="text" name="zeit2" value=""> Stunden</span></td>
<td align="center"><span id="myGroup"><select class="input" name="technikerid2"><option>Techniker wählen</option></select></span></td>
</tr>
</table>
</body>
</html>
Vielleicht kann mir das mal jemand so abändern das es funktioniert. Würde nämlich bei 20 oder 30 Checkboxen
verdammt unübersichtlich aussehen wenn man nur 3 anklicken muss aber für jede die Zeit und die Technikerauswahl
zur verfügung steht.
Vielen dank schonmal.