Jimdo-Elemente » Formular - "Alles-markieren"-Feld

06.06.2016 11:18

Rahel
#1

Ra

Hallo an alle

Gibt es bei den Formularen die Möglichkeit, eine Checkbox oder einen Button so zu definieren, dass er alle Checkboxen einer Frage ankreuzt?

Bsp:
Bitte auswählen:
-Paket1
-Paket2
-Paket3
-Paket4
-alle auswählen

Das "alles markieren" kann auch gern als extra Frage oder Button reinkommen.

Folgendes habe ich schon versucht: (leider ohne Erfolg)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
<script type="text/javascript" language="JavaScript">
//<![CDATA[
<!-- Begin
var checkflag = "false";
 
function check(field) {
if (checkflag == "false") {
  for (i = 0; i < field.length; i++) {
  field[i].checked = true;}
  checkflag = "true";
   }
else {
  for (i = 0; i < field.length; i++) {
  field[i].checked = false; }
  checkflag = "false";
   }
}
    
    document.getElementById("m22709aebd4f0c0947").onclick = "this.value=check(this.form.m22709aebd4f0c0948)";
 
//  End -->
//]]>
</script>
 
 

(m22709aebd4f0c0947=ID der "alles markieren"-Checkbox
m22709aebd4f0c0948=IDs der zu markierenden Felder)

Hat jemand eine Idee?
Danke
-Rahel

Seite: www.architektenarea.com/sedcards-bestellen

Antworten

Beitrag melden

#2

06.06.2016 13:58 (zuletzt bearbeitet: 06.06.2016 14:14)

az_
#2

az_

...versuch mal:

1
2
3
4
5
6
7
8
9
 
<script type="text/javascript" language="JavaScript">
    
 $("#m9eab4a19e25cf5a26").change(function () {
    $("input:checkbox").prop('checked', $(this).prop("checked"));
});  
    
    
</script>
 
 

"#m9eab4a19e25cf5a26" ist die ID der Checkboxen in der Group:

Beispiel sh.: http://forum-images.jimdo.com/test/formular/

LG, az

Quelle: http://jsfiddle.net/NogginBox/ScnQT/1/

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Bildanh�nge

Bild 24.png

download

Antworten

Beitrag melden

#3

07.06.2016 10:52

Rahel
#3

Ra

Rahel

Danke für die Antwort!

Habe das "alles markieren"-Feld jetzt als erste Option in meiner Liste drin, dann dein Script in den Header dieser Unterseite eingefügt und die ID angepasst. Aber es tut sich nichts

Allerdings reagiert es auch nicht auf

1
2
3
 
<script type="text/javascript" language="JavaScript">
$("#m22709aebd4f0c0947").prop('checked', true);
</script>
 

(was ja eigentlich alle Felder von vornerein ankreuzen müsste, oder?)

Muss ich da noch irgendwo was "anschalten"?

Grüße
-Rahel

Antworten

Beitrag melden

#4

07.06.2016 12:17

Rahel
#4

Ra

Rahel

Ich habs gefunden

Ich musste noch

1
2
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" type="text/javascript">
</script>
 

in meinen Head einfügen...

und deinen JS-Code dann als HTML/Widget unter das Formular eingefügt.

Jetzt geht es!

Vielen Dank

Antworten

Beitrag melden

#5

12.06.2016 08:06 (zuletzt bearbeitet: 12.06.2016 10:55)

az_
#5

az_

...oh ja. JQuery muss natürlich eingebunden sein. sorry!

1
2
3
4
 

<script src="//code.jquery.com/jquery-1.12.0.min.js" type="text/javascript">
</script>
 
 

...funzt auch :)

LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html