✔ Per Radiobutton Formular sichtbar machen

L

lifehunter

Erfahrenes Mitglied
Ich habe mal auf einer Seite gesehen das per Radiobutton Bereiche dazuschalten konnte.
Ich habe bei mir auf der Seite eine Usersuche und nun will ich das der User per Radiobutton entscheiden kann ob er eine normale Suche macht oder eine Flirtsuche.
Je nachdem was man für ein Button drückt soll das eine oder andere Formular erscheinen.
Geht das? Wenn ja wie geht das?
Danke schon mal im Vorraus

P.S.: Mein Wissen über Javascript ist sehr gering, wäre also super wenn man mir einen Beispielcode schreibt oder zumindest etwas ausführlich erklärt und nciht nur die Funktion nennt ^^
 
Zuletzt bearbeitet:
So ich hab da was jetzt doch was gefunden. Kann mir das noch jemand etwas erläutern?
Quaese hat gesagt.:
Hi,

binde Textfeld sowie Selectgruppe ins Dokument ein. Entsprechend der Anwahl in den
Radiobuttons setzt du die CSS-Eigenschaft display des benötigten Elements auf
block oder inline. Dem anderen Element weist du none zu und blendest es somit
aus.

Ciao
Quaese
Zum Vergrößern anklicken....
 
HTML: 
<html><head><title>Test</title>
    
    <script type="text/javascript"><!--
    
    function swap(obj) {
    	for (var i=0;i<document.getElementsByName(obj.name).length;i++) {
    		bobj = document.getElementById(String(i));
    		bobj.style.visibility=i==Number(obj.value)?'visible':'hidden';
    	}
    }
    
    //--></script>
    
    </head><body>
    
    <input type="radio" name="auswahl" value="0" onclick="swap(this)" checked="checked" /><br>
    <input type="radio" name="auswahl" value="1" onclick="swap(this)" /><br />
    <input type="radio" name="auswahl" value="2" onclick="swap(this)" />
    
    <div id="0">Bereich null</div>
    <div id="1" style="visibility:hidden">Bereich eins</div>
    <div id="2" style="visibility:hidden">Bereich zwei</div>
    
  </body></html>
Für Erklärungen frag bitte SELFHTML zuerst. Ersezte visibility durch display, visible durch block und hidden durch none, wenn du nicht willst, das die unsichtbaren elemente trotzdem noch Platz auf deiner Seite annehmen.
 
Zuletzt bearbeitet:
okay danke, werde es morgen mal testen.
Ich wusste leider nicht unter welchen Begriff ich suchen sollte, da ich wirklich sehr wenig javascript kann.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück