So erstellen Sie eine Liste von Checkboxen dynamisch mit Javascript

7

UPDATE: Der Code wurde mit den Kommentaren von Dan aktualisiert.

Ich habe ein Problem mit einem Projekt, an dem ich gerade arbeite. Ich muss eine Liste von Kontrollkästchen erstellen, abhängig davon, was in einem Dropdown-Menü oben ausgewählt wurde. Ich möchte Javascript dafür verwenden. Ich war in der Lage, eine Auswahl-Dropdown-Liste abhängig von der Auswahl oben zu erstellen, aber der Client möchte stattdessen Kontrollkästchen. Ich dachte, es würde im Wesentlichen genauso gemacht werden, außer diesmal Checkboxen zu machen, aber ich kann es nicht zur Arbeit bringen. Normalerweise benutze ich PHP für meine Programmierung und kenne daher JavaScript nicht so gut. Hier ist der Code, den ich zum Auswählen des Dropdown-Menüs machen muss ... Was wäre der beste Weg, um stattdessen eine Checkbox-Liste zu erstellen? Bitte beachten Sie, dass dieser Code stark reduziert wurde, um das Lesen zu erleichtern (nur die wichtigen Teile sind hier).

Code:

%Vor%

Jede Hilfe würde sehr geschätzt werden, und ich würde mein Bestes versuchen, die Gunst zurückzuzahlen, wenn Sie jemals Hilfe bei irgendeiner Entwicklung brauchten.

    
stereoscience 11.11.2012, 10:11
quelle

2 Antworten

15

Ein Kontrollkästchen ist ein einfaches Eingabeelement mit type='checkbox' . Sie müssen also mindestens zwei Dinge vorbereiten: einen Textknoten für die Beschreibung der Box und die Box selbst. In diesem Fall ist es auch gut, ein <label> -Element zu verwenden, um beide Dinge zu erwähnen:

%Vor%

Sie müssen die obigen Schritte für jedes Paar durchführen. Beachten Sie, dass Sie das angegebene <div id="some_div"></div> löschen müssen, bevor Sie es ausfüllen:

%Vor%     
Zeta 11.11.2012, 10:38
quelle
6

Der Prozess zum dynamischen Erstellen eines Kontrollkästchens ist in der Tat etwas komplizierter als das Erstellen einer Auswahloption. Sie müssen Folgendes erstellen:

  • das Kontrollkästchen
  • sein Label
  • und möglicherweise ein <br> für das Styling

Hier ist der Kern des Codes, mit der vollen Geige in Ссылка :

%Vor%     
Dan Dascalescu 11.11.2012 10:39
quelle