Webdesign, Tutorials und mehr - Webmasterpro.de

<script type="text/javascript">
    function detectCheckAllCheckboxes()
    {
        inputs = document.getElementsByTagName('input'); // alle Input-Felder des Dokumentes
        for(i = 0;i < inputs.length;i++) // Jedes einzelne Feld durchgehen
        {
            input = inputs[i]; // aktuelles Feld in eine Variable speichern zur einfacheren Schreibweise
            if(input.getAttribute('type', false).toUpperCase() == 'CHECKBOX' && input.getAttribute('name', false).toUpperCase() == 'CHECKALL') // Ist aktuelles Feld eine Checkbox und trägt diese den Namen checkall
            {
                input.onclick = function() // Beim Klick auf die Checkbox
                    // Info: onchange kann der IE nicht auf eine Checkbox
                {
                    checkboxes = false;
                    if(this.parentNode.tagName.toUpperCase() == 'LEGEND') // Ist das Elternelement die Legende eines Fieldsets
                        checkboxes = this.parentNode.parentNode.getElementsByTagName('input'); // Alle Input Felder dieses Fieldsets
                    else if(this.parentNode.tagName.toUpperCase() == 'FIELDSET') // Ist das Elternelement ein Fieldset
                        checkboxes = this.parentNode.getElementsByTagName('input'); // Alle Input Felder dieses Fieldsets                   
                    if(typeof checkboxes == 'object') // Wenn checkboxes ein Objekt ist
                    {
                        for(i = 0;i < checkboxes.length;i++) // Jedes einzelne Feld durchgehen
                        {
                            checkbox = checkboxes[i]; // aktuelles Feld in eine Variable speichern zur einfacheren Schreibweise
                            if(checkbox.getAttribute('type', false).toUpperCase() == 'CHECKBOX' && input.getAttribute('name', false).toUpperCase() != 'CHECKALL') // Ist das aktuelle Feld eine Checkbox und trägt nicht den Namen checkall
                            {
                                if(this.checked) // Ist die checkall Checkbox aktiviert
                                    checkbox.checked = true; // aktiviere Aktuelle Checkbox
                                else // Ist die checkall Checkbox nicht aktiviert
                                    checkbox.checked = false; // deaktiviere Aktuelle Checkbox
                            }
                        }
                    }
                }
            }
        }
    }
    
    window.onload = function()
    {
        detectCheckAllCheckboxes(); // Funktion bei Dokumentaufruf aufrufen
    }
    
</script>

<fieldset>
    <legend><input type="checkbox" name="checkall" /> Berechtigungen</legend>
    <input type="checkbox" name="foo[]" /> darf lesen<br />
    <input type="checkbox" name="foo[]" /> darf ändern<br />
    <input type="checkbox" name="foo[]" /> darf löschen<br />
    <input type="checkbox" name="foo[]" /> darf hochladen<br />
    <input type="checkbox" name="foo[]" /> darf verschieben
</fieldset>