[Erledigt] Radio Button Auswahl

26.05.2005, 12:08

Ich möchte ein Anmeldeformular machen. Sobald man bei den Radiobuttons die Anzahl der Personen gewählt hat (1-4 Personen) sollten unten die Felder Name, Vorname, etc. erscheinen, und zwar in der Anzahl der gewählten Personen!

hoffe, man versteht meine Formular

thx
header

26.05.2005, 12:18

Der simpelste Weg ist über ein JavaScript und dann die CSS-Eigenschaft "visibility" verändern.

26.05.2005, 12:19

Kannst du mir das genauer erklären?
thx
header

26.05.2005, 12:33

Code:

<html>
	<head>
		<script type="text/javascript">
		<!--
		
		function personen(num) {
			if(num > 4) num = 4;
			if(num < 1) num = 1;
			for(i = 1; i < 5; i++) {
			  if(i <= num) document.getElementById('person'+i).style.visibility = 'visible';
			  else document.getElementById('person'+i).style.visibility = 'hidden';
			}
		}
		
		//-->
		</script>
	</head>
	<body>
		<form>
			<input type="radio" name="anzahl" value="1" onclick="personen(this.value)" /> 1
			<input type="radio" name="anzahl" value="2" onclick="personen(this.value)" /> 2
			<input type="radio" name="anzahl" value="3" onclick="personen(this.value)" /> 3
			<input type="radio" name="anzahl" value="4" onclick="personen(this.value)" /> 4
			<div id="person1" style="visibility:hidden;">
				<input type="text" name="vorname1" />

				<input type="text" name="name1" />
			</div>
			<div id="person2" style="visibility:hidden;">
				<input type="text" name="vorname2" />

				<input type="text" name="name2" />
			</div>
			<div id="person3" style="visibility:hidden;">
				<input type="text" name="vorname3" />

				<input type="text" name="name3" />
			</div>
			<div id="person4" style="visibility:hidden;">
				<input type="text" name="vorname4" />

				<input type="text" name="name4" />
			</div>
		</form>
	</body>
</html>

Getestet - funktioniert!

26.05.2005, 13:07

perfekt - vielen dank

26.05.2005, 13:08

Kein Problem.

agrajag · 26.05.2005, 15:11

Zitat:

Zitat von mazy haze

[code][...]Getestet - funktioniert!

Einen kleinen Verbesserungsvorschlag hätte ich noch:
Setzte die divs mit den Formularen nicht von Anfang an auf hidden sondern mache das auch mit JS. So kann man mit deaktiviertem JS das Formular trotzdem ausfüllen.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Radio Button	robydog	HTML, Usability und Barrierefreiheit	4	17.04.2008 13:47
Reset Button bei Formularen	TeazY	PHP Tipps 2008	2	24.12.2007 14:59
Prüfen ob Button angeklickt wurde..	krummzahn	HTML, Usability und Barrierefreiheit	2	30.04.2006 21:18
Radio Button nach Refresh soll dieser eingestellt bleiben	Natheedo	PHP Tipps 2006	8	06.02.2006 13:59
radio button		PHP Tipps 2006	17	13.01.2006 16:29
radio button mit Funktion....		PHP Tipps 2006	18	13.01.2006 10:08
radio button automatisch setzen		HTML, Usability und Barrierefreiheit	2	11.10.2005 07:12
Radio Button durch Link klicks aktivieren	CHRIS	PHP Tipps 2005-2	8	14.09.2005 17:53
select auswahl		PHP Tipps 2005	4	16.05.2005 15:41
Einen bestimmten Button in einer Radio Group ansprechen		HTML, Usability und Barrierefreiheit	2	12.04.2005 16:31
Auswahl bei Radio Formularfelder		PHP Tipps 2005	2	10.02.2005 10:22
Ich habe eine Auswahlliste und einen Button. Wie auswerten?		PHP Tipps 2004	1	20.10.2004 16:39
[Erledigt] Radio Button anklicken und weiterleiten???		HTML, Usability und Barrierefreiheit	4	14.10.2004 16:19
[Erledigt] Enum Feld - Radio Button		Datenbanken	5	15.06.2004 11:42
formular button linkt an interne Stelle		PHP Tipps 2004	1	08.06.2004 10:02

26.05.2005, 12:08
Gast Beiträge: n/a	[Erledigt] Radio Button Auswahl Ich möchte ein Anmeldeformular machen. Sobald man bei den Radiobuttons die Anzahl der Personen gewählt hat (1-4 Personen) sollten unten die Felder Name, Vorname, etc. erscheinen, und zwar in der Anzahl der gewählten Personen! hoffe, man versteht meine Formular thx header


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

26.05.2005, 12:18
Gast Beiträge: n/a	Der simpelste Weg ist über ein JavaScript und dann die CSS-Eigenschaft "visibility" verändern.

26.05.2005, 12:19
Gast Beiträge: n/a	Kannst du mir das genauer erklären? thx header