Summenangabe bei Frage mit Mehrfachauswahl und aktivierten Texteingabefeld auf 100 begrenzen

Question

Liebes SoSci-Team,
bei einer Frage mit Mehrfachauswahl und aktivierten Texteingabefeldern (ganze Zahl, keine Nachkommastellen) soll die Summe aller eingegebenen Zahlen 100 (%) nicht überschreiten. Idealerweise sollte irgendwo auf der Fragebogenseite die Summe der bereits eingegebenen (%)-Werte angezeigt werden, damit sich der Befragte daran orientieren kann.
Wie kann das erreicht werden?
Über Ihre Unterstützung würde ich mich freuen.
Viele Grüße

Answer 1

Sie können die JavaScript-Funktion verwenden, welche SoSci Survey für die offene Texteingabe mit definerter Summe verwendet. Dort müssten Sie dann nur die HTML-Kennungen der Eingabefelder eintragen und ein HTML-Element, in welchem die Summe angezeigt werden soll. Wenn Ihre Eingabefelder die Kennungen OT01_01 bis OT01_03 haben, würde das so so aussehen:

<div>Summe: <input id="anzeigeSumme" type="text" readonly="true" style="width: 40px;">–</input></div>

<script type="text/javascript" src="../script/QuestionText.min.js"></script>
<script>
oFbTextSumInstance.attach("anzeigeSumme", 100, ["OT01_01","OT01_02","OT01_03"], 0, "Summe");
</script>

Comments

Vielen Dank für Ihre Rückmeldung.

Folgenden HTML-Code habe ich unter die Frage im Fragebogen eingefügt:


<div><span id="anzeigeSumme"></span></div>

<script type="text/javascript" src="../script/QuestionText.min.js"></script>
<script>
oFbTextSumInstance.attach("anzeigeSumme", 100, ["IS21_01a","IS21_02a","IS21_03a","IS21_04a","IS21_05a","IS21_06a","IS21_07a","IS21_08a","IS21_09a","IS21_10a",], 0, "Summe");
</script>

Der gewünschte Effekt bleibt aber leider aus. Es wird keine zusätzliches Feld mit der Summe angezeigt und auch die Summenbegrenzung ist nicht aktiv; d.h. beim Testen konnte ich Zahlen in die einzelnen Texteingabefelder eingeben, die in Summe höher als die angestrebten 100 sind.
Auch wenn ich die Position des HTML-Codes auf der Fragebogenseite verändere, also vor die Frage oder hinter eine folgende Frage und einen darauf foldenden weiteren HTML-Code plaziere, ändert sich nichts.
Sicherheitshalber habe ich mal einen Pretest-Link zur betreffenden Seite beigefügt.

https://www.soscisurvey.de/kult-aesth-BA-BK/?act=Tif2EkbBY2syWFNrwpxNbQJ3

Im Voraus vielen Dank für Ihre Hilfe.
Viele Grüße

---

Danke für den Pretest-Link, damit konnte ich das Problem schnell identifizieren.

Und zwar war das Element, welches ich für die Ausgabe vorgesehen hatte (das <span>) falsch. Ich habe das oben korrigiert. Bitte passen Sie die erste Zeile im HTML-Code entsprechend an. Funktioniert es dann?

Ich empfehle außerdem, die Eingabefelder noch alls auf Zahlen einzuschränken.

---

Ja, super. Die Summe erscheint und zählt auch richtig. Das Eingabefeld hatte ich ohnehin schon auf ganze Zahlen eingeschränkt und als maximal zulässigen Wert 100 vorgegeben.
Nun lassen sich pro Eingabefeld allerdings auch höhere Werte eingeben als die vorgegebenen 100. Wenn dann auf weiter geklickt wird, erscheint eine konkrete Fehlermeldung mit der Information, dass die zulässige Zahl von 100 überschritten wurde. Ist es auch möglich, von vornherein die Eingabe einer größeren Zahl als 100 zu verhindern, bzwl. dass eine größere Zahl als 100 überhaupt nicht eingegeben werden kann in jedes Eingabefeld?

Und ist es auch möglich den Abstand des Summenangabefeldes zur optional eingeblendeten (nachfolgenden Frage) einzustellen bzw. etwas zu vergrößern?
Und ist es auch möglich das Summenangabefeld, also den Text "Summe 100 %" fett erscheinen zu lassen?
Ich freue mich auf Ihre Antwort. Viele Grüße

---

Habe in der Zwischenzeit den Abstand mit einem HTML-Code einstellen können und auch die Textpassagen "Summe" und "%" fett einstellen können. Aber die Summe in der Mitte bekomme ich mit <b> und </b> nicht fett eingestellt. Über einen Hinweis, wo im Code ich diese Zeichen einsetzen muss, würde ich mich sehr freuen.
Viele Grüße

---

> Aber die Summe in der Mitte bekomme ich mit <b> und </b> nicht fett eingestellt.

Versuchen Sie es hiermit:

<imput id="anzeigeSumme" ... style="width: 40px; font-weight: bold;">

---

Super, vielen Dank. Nun passt alles.