[Erledigt] Checkbox rekursiv anhaken

seitz · 04.05.2010, 12:06

Hallo miteinander!

Ich habe n'Problem was Checkboxen und Javascript angeht.
Ich habe eine Hauptkategorie, verschiedene Unterkategorien dann nochmal verschiedene Unterkategorien der Unterkategorie.
Sieht etwa so aus:
-Hauptkategorie NAME=905 ID=990
---Unterkategorie NAME=990 ID=991
------Unter-Unterkategorie NAME=991 ID=992
------Unter-Unterkategorie NAME=991 ID=993
------Unter-Unterkategorie NAME=991 ID=994
------Unter-Unterkategorie NAME=991 ID=995
---Unterkategorie NAME=990 ID=996
---Unterkategorie NAME=990 ID=997
-Hauptkategorie NAME=905 ID=998
---Unterkategorie NAME=998 ID=999
---Unterkategorie NAME=998 ID=1000
------Unter-Unterkategorie NAME=1000 ID=1001
------Unter-Unterkategorie NAME=1000 ID=1002
------Unter-Unterkategorie NAME=1000 ID=1003

Wenn ich eine Kategorie auswähle, möchte ich, dass alle darunterliegenden (egal wieviele Ebenen) Kategorien auch angehackt werden.
Kann mir hier irgendjemand helfen?

Aktuell funktioniert es so, dass wenn ich die Hauptkategorie auswähle alle Unterkategorien (leider ohne "Unter-Unterkategorie") ausgewählt werden...
Diese JS-Funktionen benutze ich dafür: (im onClick-Event wird "checkPages" aufgerufen mit der aktuellen ID als Parameter)

Code:

function checkPages(checkId)
{
  var field = document.getElementById(checkId); 
  if(field.checked == true)
    checkAllPages(checkId); 
  else
    uncheckAllPages(checkId); 
}


function uncheckAllPages(checkId)
{
  var fields = document.getElementsByName(checkId); 
  if(fields.length > 0)
    for(var i = 0; i <= fields.length; i++)
      if(fields[i] != undefined)
        fields[i].checked = false;
}


function checkAllPages(checkId)
{
  var fields = document.getElementsByName(checkId);  
  if(fields.length > 0)
    for(var i = 0; i <= fields.length; i++)
      if(fields[i] != undefined)
        fields[i].checked = true; 
}

chorn · 04.05.2010, 13:23

SELFHTML: JavaScript / Objektreferenz / document liest das imho rekursiv aus. Einfach Mal auf dein Übergeordnetes Element anwenden, nach den input mit dem entsprechenden type suchen und reagieren.

seitz · 04.05.2010, 13:36

ich habs soeben (bevor ich die antwort gelesen habe) rausbekommen... eig. gar nicht schwer...
naja, hier der funktionierende code:

Code:

function checkPages(checkId)
{
  var field = document.getElementById(checkId); 
  if(field.checked == true)
    checkAllPages(checkId); 
  else
    uncheckAllPages(checkId); 
}


function uncheckAllPages(checkId)
{
  var fields = document.getElementsByName(checkId); 
  if(fields.length > 0)
    for(var i = 0; i <= fields.length; i++)
      if(fields[i] != undefined)
      {
        fields[i].checked = false;
        uncheckAllPages(fields[i].getAttribute('id')); 
      }
}


function checkAllPages(checkId)
{
  var fields = document.getElementsByName(checkId);  
  if(fields.length > 0)
    for(var i = 0; i <= fields.length; i++)
      if(fields[i] != undefined)
      {
        fields[i].checked = true;
        checkAllPages(fields[i].getAttribute('id'));
      } 
}

Ich habe innerhalb der jeweiligen Funktion dieselbe Funktion nochmal augerufen und siehe da -> funktioniert!

lstegelitz · 05.05.2010, 17:01

Zitat:

Zitat von seitz

Ich habe innerhalb der jeweiligen Funktion dieselbe Funktion nochmal augerufen und siehe da -> funktioniert!

was ja auch Sinn einer Rekursion ist

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
Checkbox -> mehrere Einträge löschen (SQL)	Minimi	PHP Tipps 2010	8	08.04.2010 17:41
LOGIN mit Checkbox	Emskopp	PHP Tipps 2009	16	27.12.2009 19:20
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
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
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 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
[Erledigt] Checkbox - Übergabe mehrerer Werte	patr1k	HTML, Usability und Barrierefreiheit	6	16.03.2005 11:25
[Erledigt] Formularelement Checkbox in Interaktion mit MYSQL		Datenbanken	4	13.07.2004 12:14

04.05.2010, 12:06
seitz Neuer Benutzer Registriert seit: 14.05.2009 Beiträge: 19 PHP-Kenntnisse: Anfänger	[Erledigt] Checkbox rekursiv anhaken Hallo miteinander! Ich habe n'Problem was Checkboxen und Javascript angeht. Ich habe eine Hauptkategorie, verschiedene Unterkategorien dann nochmal verschiedene Unterkategorien der Unterkategorie. Sieht etwa so aus: -Hauptkategorie NAME=905 ID=990 ---Unterkategorie NAME=990 ID=991 ------Unter-Unterkategorie NAME=991 ID=992 ------Unter-Unterkategorie NAME=991 ID=993 ------Unter-Unterkategorie NAME=991 ID=994 ------Unter-Unterkategorie NAME=991 ID=995 ---Unterkategorie NAME=990 ID=996 ---Unterkategorie NAME=990 ID=997 -Hauptkategorie NAME=905 ID=998 ---Unterkategorie NAME=998 ID=999 ---Unterkategorie NAME=998 ID=1000 ------Unter-Unterkategorie NAME=1000 ID=1001 ------Unter-Unterkategorie NAME=1000 ID=1002 ------Unter-Unterkategorie NAME=1000 ID=1003 Wenn ich eine Kategorie auswähle, möchte ich, dass alle darunterliegenden (egal wieviele Ebenen) Kategorien auch angehackt werden. Kann mir hier irgendjemand helfen? Aktuell funktioniert es so, dass wenn ich die Hauptkategorie auswähle alle Unterkategorien (leider ohne "Unter-Unterkategorie") ausgewählt werden... Diese JS-Funktionen benutze ich dafür: (im onClick-Event wird "checkPages" aufgerufen mit der aktuellen ID als Parameter) Code: function checkPages(checkId) { var field = document.getElementById(checkId); if(field.checked == true) checkAllPages(checkId); else uncheckAllPages(checkId); } function uncheckAllPages(checkId) { var fields = document.getElementsByName(checkId); if(fields.length > 0) for(var i = 0; i <= fields.length; i++) if(fields[i] != undefined) fields[i].checked = false; } function checkAllPages(checkId) { var fields = document.getElementsByName(checkId); if(fields.length > 0) for(var i = 0; i <= fields.length; i++) if(fields[i] != undefined) fields[i].checked = true; } __________________ greetz seitz


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

04.05.2010, 13:23
chorn Erfahrener Benutzer Registriert seit: 07.12.2009 Beiträge: 843 PHP-Kenntnisse: Fortgeschritten	SELFHTML: JavaScript / Objektreferenz / document liest das imho rekursiv aus. Einfach Mal auf dein Übergeordnetes Element anwenden, nach den input mit dem entsprechenden type suchen und reagieren.