selectboxen durch checkbox aktivieren

grunz · 30.08.2009, 14:09

Hallo!

ich möchte mehrere selectboxen durch eine Checkbox aktivieren bzw. deaktivieren können.

Das ganze sieht so aus, dass eine "Eingabezeile" aus einer Checkbox und einer dynamischen Anzahl von generierten Selectboxen besteht. Die Checkbox ist am Anfang "unchecked" und die Selectboxen sind "disabled". Wenn der Benutzer die Checkbox anklickt, sollen die Selectboxen der jeweiligen Zeile akitv werden.

Das ganze funktioniert mit einer Checkbox und EINER Selectbox schon wie gewünscht:

Code:

function myFunction(objCheckbox, objInputfield) {
        objInputfield.disabled = (objCheckbox.checked) ? false : true;
}

...
<input type="checkbox" name="Start" value="true" onclick="myFunction(this, this.form.selectbox_1);" />
 <select name="selectbox_1" disabled="disabled" >
---

Allerdings sollen jetzt auch mehrere Selectboxen verwendet werden, die würden dann eben selectbox_1, selectbox_2, .... heißen wobei die Anzahl dynamisch ist...

Wie kann ich das lösen? Ich hatte sowas versucht:

Code:

function myFunction(objCheckbox, name, anzahl) {
        for(i=1; i<=anzahl; i++) {
            objInputfield = 'document.ergebnisse.' + name +  i;
            objInputfield.disabled = (objCheckbox.checked) ? false : true;
        }
}

...
<input type="checkbox" name="Start" value="true" onclick="myFunction(this, 'selectbox_', 3);" />

Aber so funktioniert es nicht...

Chriz · 30.08.2009, 15:26

Hallo,
zunächst mal, kannst du folgenden Code verkürzen:

Code:

objInputfield.disabled = (objCheckbox.checked) ? false : true;

checked liefert bereits ein boolsches TRUE bzw. FALSE. Das hier reicht also aus:

Code:

objInputfield.disabled = !objCheckbox.checked; // ! negiert das Ergebnis, aus TRUE wird FALSE und umgekehrt

Hiermit:

Code:

objInputfield = 'document.ergebnisse.' + name +  i;

erzeugst du einen String, wie du auf Formularelemente zugreifst, findest du hier:
SELFHTML: JavaScript / Objektreferenz / elements

Mit document.forms[FORMNAME].elements[ELEMENTNAME] greifst du auf einzelne Formularelemente zu.
FORMNAME ist dabei ein String, genauso wie ELEMENTNAME. Diese kannst du also dynamisch z.B. in deiner for-Schleife generieren. Du kannst alert() benutzen, um dir jegliche Art von Variablen in JS auszugeben, um deinen Code und erzeugte Variablenwerte zu überprüfen.

Arne Drews · 30.08.2009, 15:32

Dir fehlt auf jeden Fall ne geschweifte schliessende Klammer für die IF-Klausel!

grunz · 30.08.2009, 16:15

ok also statisch gehts jetzt so halsbwegs. aber ich tu mich schwer mit JavaScript.

Code:

document.forms['ergebnisse'].elements['Start_pr1'].disabled = false;

mit dieser Zeile "aktiviere ich das Feld.
Jetzt soll "Start_pr" in einer Schleife hochgezählt werden... Das geht auch, aber ich kann das Formularelement nicht ansprechen:

Wie baue ich denn die Zeile oben in einer Schleife auf?

Code:

for(i=0; i<=x; ++i) {
    var tmp_name = "Start_pr" + [i];
    objInputfield = document.forms['ergebnisse'].elements['tmp_name'];
    objInputfield.disabled = (objCheckbox.checked) ? false : true;
}

so klappt es nicht. Ich nehme an es liegt daran, dass tmp_name als String und nicht als Variable verwendet wird. Aber wie "sage" ich dass hier der Inhalt der Variablen eingesetzt werden soll?

grunz · 30.08.2009, 16:16

Zitat:

Zitat von Arne Drews

Dir fehlt auf jeden Fall ne geschweifte schliessende Klammer für die IF-Klausel!

IF-Klausel? Du meintest die von der for-Schleife nehm ich an. Hab ich noch eingefügt...

Arne Drews · 30.08.2009, 16:22

Ach ja sorry, die FOR-Schleife...

Zitat:

var tmp_name = "Start_pr" + [i];

Wozu die eckigen Klammern ???

grunz · 30.08.2009, 16:32

Zitat:

Zitat von Arne Drews

Ach ja sorry, die FOR-Schleife...

Wozu die eckigen Klammern ???

gute Frage, hab ich jetzt rausgenommen. Aber bringt keine Änderung.

Arne Drews · 30.08.2009, 16:35

Fehler liegt in dieser Zeile:

Code:

objInputfield = document.forms['ergebnisse'].elements['tmp_name'];

Fällt Dir am Ende was auf?!

Chriz · 30.08.2009, 16:35

Bitte arbeite genauer, dein Eingabefeld hat einen Unterstrich im Namen, den du aber nicht angibst. Wie gesagt, mit alert() kannst du dir ausgeben lassen, was für Variablen du erzeugst.

grunz · 30.08.2009, 16:38

je länger ich hier rumprobiere umso unklarer wird mir das alles.

Code:

function myCheckboxFunction(objCheckbox, baseName, pr_count) {
        //document.forms['ergebnisse'].elements['Start_pr1'].disabled = false;
        alert(document.forms['ergebnisse'].elements['Start_pr1'].value);
        for(i=1; i<=pr_count; i++) {
            var tmp_name = baseName + "_pr" + i;
            objInputfield = "document.forms['ergebnisse'].elements['" +tmp_name+ "']";
            alert(objInputfield);
            objInputfield.disabled = (objCheckbox.checked) ? false : true;
        }
}

Aufruf: 
<input type="checkbox" name="Start" value="true" onclick="myCheckboxFunction(this, 'Start' , 3);" />

Und was dabei rauskommt:
Wenn ich die Checkbox anklicke, liefert der erste alert den Wert 0, das passt ja auch, denn die entsprechende Selectbox enthält den Wert 0.
Dann wird die Schleife durchlaufen und die alerts liefern:
document.forms['ergebnisse'].elements['Start_pr1']
document.forms['ergebnisse'].elements['Start_pr2']
document.forms['ergebnisse'].elements['Start_pr3']
Der String wird also richtig generiert, aber die Selectboxen werden nicht "enabled".

Also ich blick grad gar nicht mehr durch...

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] Checkbox Zustand aus DB auslesen	Knutschi	PHP Tipps 2009	22	05.05.2009 14:02
checkbox behält den wert nicht	nieselfriem	PHP Tipps 2009	8	19.02.2009 23:02
[Erledigt] onclick problem bei checkbox	familyman	JavaScript, Ajax und mehr	5	31.01.2009 19:39
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 aktivieren	snatch-ic	HTML, Usability und Barrierefreiheit	3	30.08.2006 17:20
selectbox durch checkbox aktivieren		HTML, Usability und Barrierefreiheit	1	13.04.2006 00:23
Checkbox	jacos	PHP Tipps 2006	5	01.04.2006 10:19
Check my Checkbox	JanM	PHP Tipps 2006	4	04.02.2006 17:44
[Erledigt] Checkbox wert weitergeben		PHP Tipps 2007	8	09.12.2005 14:30
[Erledigt] Checkbox via Button steuern		HTML, Usability und Barrierefreiheit	2	17.10.2005 09:53
checkbox .. mehrere werte auslesen bei gleichem namen		PHP Tipps 2005-2	9	12.10.2005 15:24
Checkbox automatisch aktivieren problem		HTML, Usability und Barrierefreiheit	3	04.04.2005 17:26
Überprüfen ob die Checkbox checked ist?	Paulo	HTML, Usability und Barrierefreiheit	1	22.11.2004 13:18
[Erledigt] Formularelement Checkbox in Interaktion mit MYSQL		Datenbanken	4	13.07.2004 12:14

30.08.2009, 14:09
grunz Neuer Benutzer Registriert seit: 29.03.2009 Beiträge: 20	selectboxen durch checkbox aktivieren Hallo! ich möchte mehrere selectboxen durch eine Checkbox aktivieren bzw. deaktivieren können. Das ganze sieht so aus, dass eine "Eingabezeile" aus einer Checkbox und einer dynamischen Anzahl von generierten Selectboxen besteht. Die Checkbox ist am Anfang "unchecked" und die Selectboxen sind "disabled". Wenn der Benutzer die Checkbox anklickt, sollen die Selectboxen der jeweiligen Zeile akitv werden. Das ganze funktioniert mit einer Checkbox und EINER Selectbox schon wie gewünscht: Code: function myFunction(objCheckbox, objInputfield) { objInputfield.disabled = (objCheckbox.checked) ? false : true; } ... <input type="checkbox" name="Start" value="true" onclick="myFunction(this, this.form.selectbox_1);" /> <select name="selectbox_1" disabled="disabled" > --- Allerdings sollen jetzt auch mehrere Selectboxen verwendet werden, die würden dann eben selectbox_1, selectbox_2, .... heißen wobei die Anzahl dynamisch ist... Wie kann ich das lösen? Ich hatte sowas versucht: Code: function myFunction(objCheckbox, name, anzahl) { for(i=1; i<=anzahl; i++) { objInputfield = 'document.ergebnisse.' + name + i; objInputfield.disabled = (objCheckbox.checked) ? false : true; } } ... <input type="checkbox" name="Start" value="true" onclick="myFunction(this, 'selectbox_', 3);" /> Aber so funktioniert es nicht... Geändert von grunz (30.08.2009 um 16:16 Uhr).


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

30.08.2009, 15:26
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Hallo, zunächst mal, kannst du folgenden Code verkürzen: Code: objInputfield.disabled = (objCheckbox.checked) ? false : true; checked liefert bereits ein boolsches TRUE bzw. FALSE. Das hier reicht also aus: Code: objInputfield.disabled = !objCheckbox.checked; // ! negiert das Ergebnis, aus TRUE wird FALSE und umgekehrt Hiermit: Code: objInputfield = 'document.ergebnisse.' + name + i; erzeugst du einen String, wie du auf Formularelemente zugreifst, findest du hier: SELFHTML: JavaScript / Objektreferenz / elements Mit document.forms[FORMNAME].elements[ELEMENTNAME] greifst du auf einzelne Formularelemente zu. FORMNAME ist dabei ein String, genauso wie ELEMENTNAME. Diese kannst du also dynamisch z.B. in deiner for-Schleife generieren. Du kannst alert() benutzen, um dir jegliche Art von Variablen in JS auszugeben, um deinen Code und erzeugte Variablenwerte zu überprüfen. __________________ "Nuschel ich?" - "Was?"

30.08.2009, 15:32
Arne Drews Erfahrener Benutzer Registriert seit: 22.04.2009 Beiträge: 3.486 PHP-Kenntnisse: Anfänger	Dir fehlt auf jeden Fall ne geschweifte schliessende Klammer für die IF-Klausel!

30.08.2009, 16:15
grunz Neuer Benutzer Registriert seit: 29.03.2009 Beiträge: 20	ok also statisch gehts jetzt so halsbwegs. aber ich tu mich schwer mit JavaScript. Code: document.forms['ergebnisse'].elements['Start_pr1'].disabled = false; mit dieser Zeile "aktiviere ich das Feld. Jetzt soll "Start_pr" in einer Schleife hochgezählt werden... Das geht auch, aber ich kann das Formularelement nicht ansprechen: Wie baue ich denn die Zeile oben in einer Schleife auf? Code: for(i=0; i<=x; ++i) { var tmp_name = "Start_pr" + [i]; objInputfield = document.forms['ergebnisse'].elements['tmp_name']; objInputfield.disabled = (objCheckbox.checked) ? false : true; } so klappt es nicht. Ich nehme an es liegt daran, dass tmp_name als String und nicht als Variable verwendet wird. Aber wie "sage" ich dass hier der Inhalt der Variablen eingesetzt werden soll?

30.08.2009, 16:35
Arne Drews Erfahrener Benutzer Registriert seit: 22.04.2009 Beiträge: 3.486 PHP-Kenntnisse: Anfänger	Fehler liegt in dieser Zeile: Code: objInputfield = document.forms['ergebnisse'].elements['tmp_name']; Fällt Dir am Ende was auf?!

30.08.2009, 16:38
grunz Neuer Benutzer Registriert seit: 29.03.2009 Beiträge: 20	je länger ich hier rumprobiere umso unklarer wird mir das alles. Code: function myCheckboxFunction(objCheckbox, baseName, pr_count) { //document.forms['ergebnisse'].elements['Start_pr1'].disabled = false; alert(document.forms['ergebnisse'].elements['Start_pr1'].value); for(i=1; i<=pr_count; i++) { var tmp_name = baseName + "_pr" + i; objInputfield = "document.forms['ergebnisse'].elements['" +tmp_name+ "']"; alert(objInputfield); objInputfield.disabled = (objCheckbox.checked) ? false : true; } } Aufruf: <input type="checkbox" name="Start" value="true" onclick="myCheckboxFunction(this, 'Start' , 3);" /> Und was dabei rauskommt: Wenn ich die Checkbox anklicke, liefert der erste alert den Wert 0, das passt ja auch, denn die entsprechende Selectbox enthält den Wert 0. Dann wird die Schleife durchlaufen und die alerts liefern: document.forms['ergebnisse'].elements['Start_pr1'] document.forms['ergebnisse'].elements['Start_pr2'] document.forms['ergebnisse'].elements['Start_pr3'] Der String wird also richtig generiert, aber die Selectboxen werden nicht "enabled". Also ich blick grad gar nicht mehr durch...