Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:create:questions:checkbox [10.04.2020 13:42] – angelegt admin
+++ de:create:questions:checkbox [01.06.2024 13:40] (aktuell) – [Exklusive Optionen] admin
@@ Zeile 11: / Zeile 11: @@
 Allerdings gehört zu jeder Mehrfachauswahl eine zusätzliche Variable, welche die Anzahl der ausgewählten Optionen (positiver Code oder 0) bzw. den Code der Ausweichantwort (negativer Code) angibt.
+===== Exklusive Optionen =====
+Eine Mehrfachauswahl erlaubt unterschiedliche Arten von exklusiven Optionen, das heißt, Optionen, die nicht gemeinsam mit anderen Optionen ausgewählt werden können. Das kann etwa ein "nichts davon" sein.
+  * Tragen Sie eine Option in der Frage unter //Ausweichoptionen// ein, diese Option wird dann am Ende und optisch von den anderen Optionen getrennt.
+  * Tragen Sie eine Option regulär ein, wählen Sie die Option anschließend links im Fragenkatalog aus __oder__ klicken Sie neben der Option auf die Detailansicht ({{:button.edit3.png?nolink|Symbol: Bearbeiten}}). Markieren Sie dort die Option //Exklusive Option//.
+  * Verwenden Sie den unten stehenden JavaScript-Code ([[:de:create:javascript]]), damit jeweils zwei Optionen nicht gleichzeitig ausgewählt werden können. Beachten Sie, dass diese Variante der Einschränkung nur kosmetischer Natur ist, sie wird nur bei aktiviertem JavaScript kontrolliert.
+<code javascript>
+<script>
+function CheckboxExclusive(optionA, optionB) {
+    var oa = document.getElementById(optionA);
+    var ob = document.getElementById(optionB);
+    oa.addEventListener("click", function() {
+        if (oa.checked) {
+            ob.checked = false;
+        }
+    });
+    ob.addEventListener("click", function() {
+        if (ob.checked) {
+            oa.checked = false;
+        }
+    });
+}
+// Tragen Sie hier pro Zeile jeweils die Kennungen der Optionen ein,
+// die nicht gleichzeitig ausgewählt werden sollen.
+// Ergänzen Sie ggf. weitere Zeilen.
+new CheckboxExclusive("AF04_01", "AF04_02");
+new CheckboxExclusive("AF04_03", "AF04_04");
+</script>
+</code>