✔ Textbox mit Checkbox aktivieren/deaktivieren

H

Html

Erfahrenes Mitglied
Hallo möchte gerne eine Textbox mit einer Checkbox steuern. Beim Aufrufen der Seite soll die Textbox zuerst deaktiviert sein. Wählt man die Checkbox aus soll die Textbox aktiviert werden und beim abwählen der Checkbox wieder deaktiviert.

Habe mal folgendes probiert, aber ohne Erfolg:

Code: 
<script type='text/javascript'>
function deaktivieren() //Textfeld deaktivieren
{
	document.getElementById('textarea').disabled=true;
}
function aktivieren() //Textfeld aktivieren
{
	
	If (document.getElementsByName("details_active").checked==true){	
	document.getElementById('textarea').disabled=false;
	}

else{
document.getElementById('textarea').disabled=true;
}
}

</script>

Code: 
<body onload="deaktivieren();">

Code: 
<input type="checkbox"  onclick="aktivieren();" name="details_active" value="1">

mfg,Olli
 
Da die Elemente des Form Objekts die Eigenschaft disable = true oder false haben können, würde ich dies auch nutzen. Das sähe dann folgendermaßen aus. Ich habe es getestet und es funktioniert.

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html>

  <head>

   <title></title>

   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>

   <script type='text/javascript'>
    function deaktivieren(){
         document.forms[0].eingabe.disabled=true;
    }

    function aktivieren(){
         if (document.forms[0].details_active.checked){
             document.forms[0].eingabe.disabled=false;
         } else {
             document.forms[0].eingabe.disabled=true;
         }
    }
   </script>


  </head>

  <body onload="deaktivieren();">

  <form action="" method="" target="">
   <input type="checkbox"  onclick="aktivieren();" name="details_active" value="true">
   <textarea name="eingabe" cols="40" rows="20"></textarea>
  </form>
  </body>

 </html>
 
Hi !

Oder einfacher :

Javascript: 
function aktivieren(){
    document.forms[0].eingabe.disabled = !document.forms[0].details_active.checked;
}

Nur mein Senf ... ;-)


Krösi
 
Zuletzt bearbeitet von einem Moderator:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück