HMTL Filterfunktion bei 5er Skala

Question

Lieber Online-Support,

Ich benutze eine Frage ("T101") zu der man auf einer Skala mit 5 Schritten eine Anzahl angeben soll. Je nachdem was in der Skala angekreuzt, soll eine neue Frage ("T102") auf der gleichen Seite auftauchen.

Hierzu verwende ich folgenden HTML-Code:

</div>
<script type="text/javascript">
<!--

var optionA9 = document.getElementById("T101_011");
var optionB9 = document.getElementById("T101_012");
var optionC9 = document.getElementById("T101_013");
var optionD9 = document.getElementById("T101_014");
var optionE9 = document.getElementById("T101_015");


var frage = document.getElementById("T102_qst");

function t() {
  if (optionA9.checked) {  
    frage.style.display = "";
  } else {
    frage.style.display = "none";
  }
 }


SoSciTools.attachEvent(optionA9, "click", t);
SoSciTools.attachEvent(optionB9, "click", t);
SoSciTools.attachEvent(optionC9, "click", t);
SoSciTools.attachEvent(optionD9, "click", t);
SoSciTools.attachEvent(optionE9, "click", t);

t();
</script>

Wenn ich auf optionA9 klicke, dann erscheint korrekterweise "T102". ABER, wenn ich nochmal die optionA9 wegklicke (also mein Kreuzchen/Punkt wegmache), dann bleibt "T102" stehen! Dabei ist dann zu diesem Zeitpunkt gar nichts angekreuzt bei "T101".

Ich verstehe den Fehler nicht, da dieses Vorgehen in der Regel bei anderen Fragentypen (keine Skala) einwandfrei funktioniert. Woran kann es liegen?

Liebe Grüße und Danke für Ihre Hilfe!

Answer 1

Verutlich handelt es sich nur um ein Timing-Problem, denn das "Wegklicken" ist in HTML eigentlich gar nicht vorgesehen und wird erst duch ein anderes JavaScript möglich.

Versuchen Sie bitte eine kleine Modifikation bei der Funktion t():

function t() {
  window.setTimeout(function() {
    if (optionA9.checked) {  
      frage.style.display = "";
    } else {
      frage.style.display = "none";
    }
  }, 150);
}