JavaScript Fragendymanik

Question

Ich habe die Fragendynamik bereits einmal erfolgreich eingebunden, jetzt aber eine Auswahlfrage mit 3 Optionen. Jetzt funktioniert es nicht mehr...wo ist mein Fehler?

<script type="text/javascript">
<!--
var optionA = document.getElementById("CF19_01a");  // Auswahloption "Ja"  zwei
var optionB = document.getElementById("CF19_02a"); // Ja eins
var optionC = document.getElementById("CF19_03a");  // Option "Nein"

var frage = document.getElementById("CF08_qst");
var frage2 = document.getElementById("CF09_qst");
var frage3 = document.getElementById("CF10_qst");
var frage4 = document.getElementById("CF16_qst");   
var frage5 = document.getElementById("CF11_qst");
var frage6 = document.getElementById("CF12_qst");
var frage7 = document.getElementById("CF13_qst");
var frage8 = document.getElementById("CF17_qst");
 
function toogle() {

  if (optionA.checked) {
    // Keine Angabe ("") verwendet die Standard-Einstellung (normal anzeigen)
    frage.style.display = "";
    frage2.style.display = "";
    frage3.style.display = "";
   frage4.style.display = "";
  frage5.style.display = "";
  frage6.style.display = "";
  frage7.style.display = "";
  frage8.style.display = "";
}
else {
if (optionB.checked) {
    frage.style.display = "";
    frage2.style.display = "";
    frage3.style.display = "";
   frage4.style.display = "";
   } 
else {
    // Mit der Anzeigeoption "none" wird die Frage ausgeblendet
    frage.style.display = "none";
    frage2.style.display = "none";
 frage3.style.display = "none";
 frage4.style.display = "none";
 frage5.style.display = "none";
    frage6.style.display = "none";
 frage7.style.display = "none";
 frage8.style.display = "none";
  }
}
 
// Die Funktion soll jedesmal ausgeführt werden, wenn eine der drei Optionen angeklickt wird
SoSciTools.attachEvent(optionA, "click", toogle);
SoSciTools.attachEvent(optionB, "click", toogle);
SoSciTools.attachEvent(optionC, "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();
// -->
</script>

Comments

Spontan schwer zu sagen ... vermutlich irgend eine Kleinigkeit ... eine Klammer oder ein Strichpunkt. Was zeigt denn die JavaScript-Fehlerkonsole im Browser an?

Wenn Sie selbige nicht finden sollten, können Sie gerne auch einen Pretest-Link direkt (!) zur betroffenen Seite posten.