nach Checkbox erweitertes Formular anzeigen

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • nach Checkbox erweitertes Formular anzeigen

    Hallo Miteinander

    Ich habe ein Problem, und zwar möchte ich, sobald ich eine bestimmte Checkbox TRUE ist, dass das Formular erweitert wird!

    Code:
    'gewöhnliches Formular
     <input type="text" name="vorname">
    ...
    'wenn
    <input type="checkbox" name="gross" value="1">
    aktiviert ist, soll zwischen dem Formular ein paar weitere Formularzeilen eingefügt werden, aber nicht am Schluss, dazwischen, z.B.
    Code:
     
    <td bgcolor="#CCCCCC" class="text"><div align="center"></div></td>
              <td bgcolor="#CCCCCC" class="text"><div align="center"></div></td>
              <td class="text"><div align="center"><span>6</span></div></td>
              <td class="text"><div align="center"><span>
                <input type="text" name="mat27" style="width:40px">
                </span></div></td>
    Ich hoffe, es ist einigermassen verständlich

    Hat jemand eine Ahnung, wie man das macht?

    Gruss Gomso

  • #2
    es gibt da den event-handler onChange.
    der könnte eine funktion aufrufen und die dann ein paar elemente in den DOM-Baum einfügen..
    blllubb

    Kommentar


    • #3
      Besten Dank für deine Antwort

      Kannst du mir das an einem kleinen Beispiel zeigen, wie ich mit Checkboxen onChange/onClick ein paar Textfelder und so ein- und ausblende?

      Besten Dank

      Gomso

      Kommentar


      • #4
        gern:
        Code:
        <html>
        <head><title>test</title>
        <script type="text/JavaScript">
        function toggleVis (id) {
          var e = document.getElementById(id);
          e.style.display = (e.style.display == "block") ? "none" : "block";
        }
        window.onload = function (){  
          var e = document.getElementById("cb");
          e.onchange = function (){
            toggleVis("container");
          }
        }
        </script>
        </head>
        <body>
        <input type="checkbox" id="cb"/> Hier checken!<br/>
        <div id="container" style="display:none"> 
          <p>
          H3ll0 W0rld!
          </p>
        </div>
        </body>
        </html>
        konnte es jetzt leider nich irgendwo hochladen, hab nur sehr beschränktes netz.
        Zuletzt geändert von frodenius; 11.03.2008, 17:23.
        blllubb

        Kommentar


        • #5
          Perfekt, funktioniert 1A., Besten Dank

          Wie sieht es aus, wenn ich 2 (oder mehrere) Checkboxen habe, und wenn 1 oder mehrere markiert sind, dann soll es "H3ll0 W0rld!" anzeigen, wenn keine, soll es ausgeblendet werden

          Besten Dank für die Bemühungen

          Gruss Gomso

          Kommentar


          • #6
            speicher den status der checkboxen in variablen.

            btw nicht ganz richtiges forum also
            Mods bitte:
            move -> Projekthilfe
            blllubb

            Kommentar

            Lädt...
            X