funktionsparameter aus Checkbox und Radio

Wolf-Tilmann · 06.07.2011, 22:37

Hallo zusammen,

ich hätte da 'mal eine Frage, welche den meisten von Euch sicherlich lächerlich einfach vorkommt.

Aktuell bastele ich an einem Webformular. In diesem Forumular sollen, je nach auswahl des Nutzers, verschiedene Eingabemöglichkeiten erscheinen.
Unter PHP wäre das einfach:
Eingabe --> senden an Server --> Eingabe auswerrten --> entsprechende weitere Seite ausliefern. (gaaaaaaanz grob)
Nur kenne ich meine Nutzer gut genug um zu wissen, dass die mir die ganze Geschichte um die Ohren hauen, wenn sie sich durch mehrere Seiten klicken müssen.
Da kam mir die Idee, alle Möglichkeiten in einer einzelnen Site unterzubringen und je nach Auswahl durch den Nutzer die benötigten Teile anzeigen zu lassen.

In meiner javascript.js steht:

Code:

function anzeige() {
	if(document.netzwerkantrag.erstmalig.checked == true) {
	document.getElementById('erstmalig_daten').style.display = "block";
	}
	else {
			document.getElementById('erstmalig_daten').style.display ="none";
		}
	
	}

Index.php enthält u.a.

Code:

<input type="checkbox" name="erstmalig" id="erstmalig"  onclick="javascript:anzeige()">

...

Code:

<span id="erstmalig_daten" name="erstmalig_daten" class="form" style="display:none">

Wenn ich dann die Checkbox anklicke wird wunschgemäß der Span eingeblendet.

Davon gibt es, wie Ihr Euch vorstellen könnt, mehrere.
Manche davon als eine Alternative von mehreren (also via Radiobutton)

Zwar könnte ich für jeden einzublendenden Bereich eine Funktion nach obigem Muster schreiben, aber ... das muss doch auch mit einer universellen Funktion funktionieren.

Jetzt zu meiner - doofen - Frage: Wie übergebe ich Namen und Value von Checkbox und Radiobuttons an die Funktion und werte sie so aus, dass meine Formularteile entsprechen angezeigt werden?

Danke schon einmal für Eure Hilfe

Wolf-Tilmann

ChrisB · 06.07.2011, 23:36

Übergebe einfach this als Parameter an die Funktion - das ist das jeweilige Element, auf dem du sie per onclick aufrufst, d.h. du kannst dann über den Parameter auf alle Eigenschaften des Elements zugreifen.

Code:

<input ... onclick="foo(this)">

function foo(element) {
  alert(element.name);
}

Und lass das Label "javascript:" aus dem Aufruf im Eventhandler heraus, das hat da nichts verloren.

nikosch · 06.07.2011, 23:50

Letztlich musst Du die Information darüber, wer was schaltet aber irgendwo konfigurieren. Je nachdem, ob Du immer nach ID oder Tag-Typ oder Klasse schalten willst, oder auch mal mehrere Klassen, Ids ... kann das recht komplex werden. Einen guten Tipp kann man nur geben, wenn Du mal Dein Form zeigst.

Allgemein gesprochen dürften Dich Funktionen weiterbringen, vielleicht auch jQuery, weil jQ die Zugriffe wesentliuch vereinfacht. Vor allem könntest Du dann auf inline-JS verzichten, was die Formular-View-Logik wesentlich übersichtlicher machen kann.

Abschließend angemerkt, musst Du PHP-Seitig natürlich trotzdem ungültige Eingabekombinationen abfangen, quasi dort die ganze Strukturlogik ebenfalls hinterlegen und auswerten.

Wolf-Tilmann · 07.07.2011, 21:58

Danke,

gib mir bitte 1-2 Tage Zeit damit ich das Formular "veröffentlichbar" mache, O.k.?

Schönen Gruß

Wolf-Tilmann

Wolf-Tilmann · 31.07.2011, 21:13

Sorry, dass es so lange gedauert hat, bis ich dazu gekommen bin den Code zu posten.

Ich habe noch einige Felder nach der Sache mit dem Eigentümer vorgesehen:

http://pastebin.com/zAdrFTZC

Wie gesagt es würde mich interessieren, ob und wie es möglich ist mehrer Felder mit einundderselben Funktion ein- und ausblenden zu lassen.

Vielen Dank

einen Schönen Abend

Wolf-Tilmann

nikosch · 31.07.2011, 21:57

Öhhhh, also mit Tabledesign kann ich Dir schon mal voraussagen, dass Blenden von Blöcken dort eine echt doofe Angelegenheit ist. Ansonsten bin ich aktuell zu faul, mich durch die unformatierten Codebrocken zu wühlen.

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
[Erledigt] PDO - Checkbox	Inchie	PHP Einsteiger	2	02.03.2011 17:08
[Erledigt] Checkbox onchange	Buschdieb	JavaScript, Ajax und mehr	3	03.10.2010 14:51
Radio Fields mittels Javascript selectieren und einem Datenstring anhängen	tomtaz	JavaScript, Ajax und mehr	0	08.03.2010 09:25
Radio Buttons per Variable vordefinieren	FixiFoxi85	PHP Tipps 2010	3	02.02.2010 18:35
LOGIN mit Checkbox	Emskopp	PHP Tipps 2009	16	27.12.2009 19:20
Checkbox und Radio Buttons per Klick einen Timestamp erzeugen lassen	Makunta	Datenbanken	2	25.11.2009 12:22
selectboxen durch checkbox aktivieren	grunz	JavaScript, Ajax und mehr	13	30.08.2009 17:02
[Erledigt] Checkbox Zustand aus DB auslesen	Knutschi	PHP Tipps 2009	22	05.05.2009 14:02
[Erledigt] onclick problem bei checkbox	familyman	JavaScript, Ajax und mehr	5	31.01.2009 19:39
[Erledigt] Problem bei checked Anweisung mit radio Buttons	litterauspirna	PHP Tipps 2008	5	28.09.2008 18:39
radiobutton checkbox .. welcher Typ fuer Ja/Nein	atoniusg	PHP Tipps 2008	9	31.10.2007 12:50
Aktivieren einer Checkbox aktiviert viele andere Checkboxen	buggybugga	HTML, Usability und Barrierefreiheit	3	12.03.2007 16:23
Checkbox Text daneben	andrew22	HTML, Usability und Barrierefreiheit	7	22.02.2007 16:44
Checkbox	jacos	PHP Tipps 2006	5	01.04.2006 10:19
[Erledigt] Checkbox - Übergabe mehrerer Werte	patr1k	HTML, Usability und Barrierefreiheit	6	16.03.2005 11:25

06.07.2011, 22:37
Wolf-Tilmann Neuer Benutzer Registriert seit: 08.06.2011 Beiträge: 21 PHP-Kenntnisse: Anfänger	funktionsparameter aus Checkbox und Radio Hallo zusammen, ich hätte da 'mal eine Frage, welche den meisten von Euch sicherlich lächerlich einfach vorkommt. Aktuell bastele ich an einem Webformular. In diesem Forumular sollen, je nach auswahl des Nutzers, verschiedene Eingabemöglichkeiten erscheinen. Unter PHP wäre das einfach: Eingabe --> senden an Server --> Eingabe auswerrten --> entsprechende weitere Seite ausliefern. (gaaaaaaanz grob) Nur kenne ich meine Nutzer gut genug um zu wissen, dass die mir die ganze Geschichte um die Ohren hauen, wenn sie sich durch mehrere Seiten klicken müssen. Da kam mir die Idee, alle Möglichkeiten in einer einzelnen Site unterzubringen und je nach Auswahl durch den Nutzer die benötigten Teile anzeigen zu lassen. In meiner javascript.js steht: Code: function anzeige() { if(document.netzwerkantrag.erstmalig.checked == true) { document.getElementById('erstmalig_daten').style.display = "block"; } else { document.getElementById('erstmalig_daten').style.display ="none"; } } Index.php enthält u.a. Code: <input type="checkbox" name="erstmalig" id="erstmalig" onclick="javascript:anzeige()"> ... Code: <span id="erstmalig_daten" name="erstmalig_daten" class="form" style="display:none"> Wenn ich dann die Checkbox anklicke wird wunschgemäß der Span eingeblendet. Davon gibt es, wie Ihr Euch vorstellen könnt, mehrere. Manche davon als eine Alternative von mehreren (also via Radiobutton) Zwar könnte ich für jeden einzublendenden Bereich eine Funktion nach obigem Muster schreiben, aber ... das muss doch auch mit einer universellen Funktion funktionieren. Jetzt zu meiner - doofen - Frage: Wie übergebe ich Namen und Value von Checkbox und Radiobuttons an die Funktion und werte sie so aus, dass meine Formularteile entsprechen angezeigt werden? Danke schon einmal für Eure Hilfe Wolf-Tilmann


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

06.07.2011, 23:36
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Übergebe einfach this als Parameter an die Funktion - das ist das jeweilige Element, auf dem du sie per onclick aufrufst, d.h. du kannst dann über den Parameter auf alle Eigenschaften des Elements zugreifen. Code: <input ... onclick="foo(this)"> function foo(element) { alert(element.name); } Und lass das Label "javascript:" aus dem Aufruf im Eventhandler heraus, das hat da nichts verloren. __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

06.07.2011, 23:50
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Letztlich musst Du die Information darüber, wer was schaltet aber irgendwo konfigurieren. Je nachdem, ob Du immer nach ID oder Tag-Typ oder Klasse schalten willst, oder auch mal mehrere Klassen, Ids ... kann das recht komplex werden. Einen guten Tipp kann man nur geben, wenn Du mal Dein Form zeigst. Allgemein gesprochen dürften Dich Funktionen weiterbringen, vielleicht auch jQuery, weil jQ die Zugriffe wesentliuch vereinfacht. Vor allem könntest Du dann auf inline-JS verzichten, was die Formular-View-Logik wesentlich übersichtlicher machen kann. Abschließend angemerkt, musst Du PHP-Seitig natürlich trotzdem ungültige Eingabekombinationen abfangen, quasi dort die ganze Strukturlogik ebenfalls hinterlegen und auswerten. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

07.07.2011, 21:58
Wolf-Tilmann Neuer Benutzer Registriert seit: 08.06.2011 Beiträge: 21 PHP-Kenntnisse: Anfänger	Danke, gib mir bitte 1-2 Tage Zeit damit ich das Formular "veröffentlichbar" mache, O.k.? Schönen Gruß Wolf-Tilmann

31.07.2011, 21:13
Wolf-Tilmann Neuer Benutzer Registriert seit: 08.06.2011 Beiträge: 21 PHP-Kenntnisse: Anfänger	Sorry, dass es so lange gedauert hat, bis ich dazu gekommen bin den Code zu posten. Ich habe noch einige Felder nach der Sache mit dem Eigentümer vorgesehen: http://pastebin.com/zAdrFTZC Wie gesagt es würde mich interessieren, ob und wie es möglich ist mehrer Felder mit einundderselben Funktion ein- und ausblenden zu lassen. Vielen Dank einen Schönen Abend Wolf-Tilmann Geändert von Wolf-Tilmann (31.07.2011 um 21:15 Uhr). Grund: Fehler in der URL

31.07.2011, 21:57
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Öhhhh, also mit Tabledesign kann ich Dir schon mal voraussagen, dass Blenden von Blöcken dort eine echt doofe Angelegenheit ist. Ansonsten bin ich aktuell zu faul, mich durch die unformatierten Codebrocken zu wühlen. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --