Nachfolgende zwei Fragen bei Auswahl "nein" ausblenden

Question

Liebes SoSci-Team,

es geht darum im Fragebogen auf einer Seite Fragen einzublenden, wenn in der Frage vorher mit "ja" geantwortet wurde bzw. diese Frage auszublenden, wenn mit "nein" geantwortet wurde.
Frage 1 "ja" --> Frage 2 ist zu sehen
Frage 1 "nein" --> Frage 2 ist nicht zu sehen

Ich habe schon herausgefunden, dass das nur mit einer Programmierung funktioniert und habe mich da mal herangewagt. Allerdings habe ich keine Erfahrung damit.

So sieht das Script aus:

Wenn ich das hinter Frage 1 einfüge, passiert aber nicht im Fragebogen. Also Frage 2 verschwindet nicht beim anklicken von "nein".

VIelen Dank im Voraus für eure Hilfe!

Comments

Nur zur Sicherheit: Beide Fragen stehen auf deerselben Seite, ja? Sonst wäre es auch einfacher möglich.

Bitte fügen Sie den Code einmal unter Frage 2 ein. Und wenn es dann nicht funktioniert, sehen Sie bitte entweder in die JavaScript-Fehlerkonsole Ihres Browsers oder posten Sie einen Pretest-Link direkt (!) zur betroffenen Seite.

---

Ja, genau beide Fragen stehen auf einer Seite.

Vielen Dank für die schnelle Hilfe! Es hat funktioniert. Ich hatte den Code unter Frage 1 eingefügt, das war der Fehler.

Jetzt habe ich aber das Problem, dass bei der Antwort "ja" zwei Fragen eingeblendet werden sollen (alles auf einer Seite). Ich habe dafür die Codierung zum Großteil so gelassen wie oben und nur den Mitteleil verändert:

var frageC = document.getElementById("FP02_qst");
var frageD = document.getElementById("FP03_qst");

function toogle() {
    if (optionA.checked) {
    ((frageC.style.display = "") &&
    (frageD.style.display = ""));
  } else {
    frage.style.display = "none";
  }
}

Den Code habe ich dann unter Frage 3 eingefügt, nur leider funktioniert das nicht.

Answer 1

Jetzt habe ich aber das Problem, dass bei der Antwort "ja" zwei Fragen eingeblendet werden sollen

Die entsprechenden Befehle schreiben Sie bitte einfach untereinander:

var frageC = document.getElementById("FP02_qst");
var frageD = document.getElementById("FP03_qst");

function toogle() {
    if (optionA.checked) {
      frageC.style.display = "";
      frageD.style.display = "";
  } else {
      frageC.style.display = "none";
      frageD.style.display = "none";
  }
}

Comments

Vielen Dank! Es funktioniert. :)