Alle Checkboxen innerhalb eines Checkbox-Containers mit einem Mal auswählen/abwählen

von Oliver Richter (Kommentare: 0)

Das folgende kleine "Helferskript" fügt in einem Contao-Checkbox-Container zwei Links hinzu, um alle Checkboxen mit einem Klick an- bzw. abzuwählen. Das Skript basiert auf MooTools, sie müssen die MooTools-Bibliothek also in Ihrem Layout eingebunden haben. Hinzu verwenden Sie bitte noch das folgende Skript:

<script>
$(document).ready(function() {  
    // check for contao's checkbox container element with at least one checkbox
    if (  $(document.body).getElements('.checkbox_container input.checkbox').length > 0  ) {

        $$('.checkbox_container').each(function(el) {
            var containerElem = new Element('div', { 'class': 'checkbox_selector_container' } ).inject(  el,  'top' );  

            new Element('a', {  title: 'Alle folgenden Checkboxen abwählen', 'class': 'checkbox_selector',  html: 'Alle abwählen' } ).addEvent('click', function(){ el.getElements('input.checkbox').removeProperty('checked'); }).inject(  containerElem, 'top'  );        
            new Element('a', {  title: 'Alle folgenden Checkboxen auswählen', 'class': 'checkbox_selector',  html: 'Alle auswählen' } ).addEvent('click', function(){ el.getElements('input.checkbox').setProperty('checked', 'checked'); }).inject(  containerElem, 'top'  ); 

            // optional, for design purposes only: create element to clear floating
            new Element('div', { 'class': 'clear' } ).inject(  containerElem, 'bottom'  );
        });         
    }  
});
</script>

Zurück

Einen Kommentar schreiben

Bitte addieren Sie 6 und 2.

Bachten Sie: Für die Zuordnung Ihrer Nachricht werden die hier anzugebenden Daten Name, E-Mailadresse, Ihr Kommentar gespeichert. Sofern Sie den Wunsch der E-Mail-Benachrichtigung angegeben haben, wird aufgrund technischer Notwendigkeit auch dieser Wert gespeichert. Durch Absenden des Formulars erklären Sie sich damit einverstanden. Alternativ kontaktieren Sie mich bitte über meine E-Mailadresse oder Telefon.
Detaillierte und weitere Hinweise, insb. zum Widerrufsrecht finden Sie in der Datenschutzerklärung.

Sie befinden Sich in der Detailansicht eines Blog-Eintrags.

Um alle Blog-Einträge zu sehen, wechseln Sie bitte zur Nachrichten-Übersicht.