Hallo, ich möchte einen Text bei Auswahl einer bestimmten Option sofort einblenden. Ich benutze folgenden Code (Abwandlung von der Dokumentation). Leider funktioniert der Code nicht (die Frage ES04 erscheint, der Text ES05 erscheint, beides immer, unabhängig von der Auswahl der Option). Ich kenne mich mit Web-Programmieren nicht aus und konnte die HTML-ID der Objekte nicht finden, obwohl ich mit dem Inspektor versucht habe, es zu finden.
Kann mir jemand sagen, wie ich die HTML_IDs von ES04 und ES05 finde bzw. stimmt sonst etwas nicht mit dem Code?
(Die Frage ES04 hat nur eine einzige Antwortoption)
<!--
var optionA = document.getElementById("ES04_01a"); // ? Ist ES04_01a die richtige HTML-ID der //Auswahloption "Ja"??
var frage = document.getElementById("ES05_qst"); // HTML-ID der Texteingabe?
function toogle() {
// Die zwei Pipes (||) sind ein logisches "Oder"
// Die Bedingung prüft also: Ist Option A ausgewählt?
if (optionA.checked) {
// Wurde "Ja" , dann wird die Frage angezeigt
// Keine Angabe ("") verwendet die Standard-Einstellung (normal anzeigen)
frage.style.display = "";
} else {
// Mit der Anzeigeoption "none" wird die Frage ausgeblendet
frage.style.display = "none";
}
}
// Die Funktion soll jedesmal ausgeführt werden, wenn die Option angeklickt wird
SoSciTools.attachEvent(optionA, "click", toogle);
//Und jetzt gleich soll sie auch ausgeführt werden, damit die Anzeige zu Beginn korrekt ist
// (z.B. ausblenden der Texteingabe zu Beginn)
toogle();
// -->
