kostenloser Webspace werbefrei: lima-city


Textarea durch checkbox deaktivieren

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    volnerius

    volnerius hat kostenlosen Webspace.

    Hallo,

    Ich will ganz gerne, dass durch das Abwählen einer tag/check">Checkbox ein Textarea Feld aktiviert wird und andersrum.
    Also checkbox = checked: textarea = readyonly und andersrum.
    Wie kann ich das nun mit Hilfe Javascripts lösen?
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. So sollte es klappen:

    <textarea id="textboxid"></textarea>
    
    <p>Textbox aktivieren? <input type="checkbox" id="cboxToggle" name="cboxToggle" onClick="Toggle();"></p>
    
    <script>
    
    Toggle();
    
    function Toggle(){
    
    if (document.form1.cboxToggle.checked){
    
    document.getElementById("textboxid").readOnly = true;
    
    }
    
    else{
    document.getElementById("textboxid").readOnly = false;
    
    }
    
    }
    
    </script>
  4. Die Zeile 7 in deinem Codeschnipsel verstehe ich nicht.
  5. matthias-detsch

    Kostenloser Webspace von matthias-detsch

    matthias-detsch hat kostenlosen Webspace.

    Die bewirkt, das gleich nach dem laden der Seite die funktion Toggle() aufgerufen wird.
    Ich hätte es aber noch besser gelöst, indem man erst diese funktion nach dem fertigladen der Seite aufruft:
    einfach in den body-tag folgendes schreiben:
    <body onload="Toggel()">

    damit wird weitestgehend sichergestellt, dass die js-Funktion auch schon "erkannt"/geparst wurde.
  6. Ja, so mit dem onLoad-Ereignis kenne ich es auch!
  7. Benutze doch das Framework jQuery , dann kannst du auf alle Elemente der Seite (DOM) zugreifen ohne dir Gedanken über die Kompatibilität (Cross-Browser) zu machen.

    @volnerius: meinst du mit 'aktiviert' = angezeigt, dann

    var check = $(this).is( ":checked" );
    if(check != true){
    $('#text').hide();
    }else $('#text').show();

    Schau bei jsfiddle
  8. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!