Entwicklung - Javascript/Ajax - Javascript: Mehrere Checkboxen mit einem Klick markieren

Javascript/Ajax: Javascript: Mehrere Checkboxen mit einem Klick markieren

manu (54)

manu

03.09.2002 23:07

Aachen

  • 876 Postings, noch 24 bis zum nächsten Level (900)

Postings: 876

Javascript: Mehrere Checkboxen mit einem Klick markieren

Dienstag, 26. August 2008 10:40

  • 4.0/6 Votes: 1
4.0/6 Votes: 1
Bei größeren Formularen steht man häufig vor dem Problem, dem Benutzer jede Menge Klicks auf Checkboxen zumuten zu müssen.
Dieses Script aktiviert oder deaktiviert auf einen Schlag alle im Formular vorkommenden Checkboxen.

Dazu wird eine Checkbox als 'Master'-Checkbox verwendet, alle anderen richten sich nach dieser.

Der HTML-Code könnte so aussehen:

HTML4STRICT: (Auswählen)<form method="post" action="#" id="checkboxTest">
<input type="checkbox" name="mod[]" id="mod_1" value="1" />
<input type="checkbox" name="mod[]" id="mod_2" value="2" />
<input type="checkbox" name="mod[]" id="mod_3" value="3" />

<input type="checkbox" name="masterCheckBox" id="masterCheckBox" onclick="selectCheckboxes('checkboxTest');" />

<input type="submit" name="submit" value="Abschicken" />
</form>


Die Javascript-Funktion selectCheckboxes sieht so aus (zum direkten Einbinden in HTML muss die Funktion zwischen <script type="text/javascript"><!-- und --></script> stehen):

JAVASCRIPT: (Auswählen)function selectCheckboxes(formname) {
    for (var i = 0;i < document.forms[formname].elements.length;i++) {
        if(document.forms[formname].elements[i].type == 'checkbox'){
            document.forms[formname].elements[i].checked = document.forms[formname].masterCheckBox.checked;
        }
    }
}
Signatur:\\\"I have not failed. I\\\'ve just found 10,000 ways that won\\\'t work.\\\" - Thomas Alva Edison (1847-1931)

manu (54)

manu

03.09.2002 23:07

Aachen

  • 876 Postings, noch 24 bis zum nächsten Level (900)

Postings: 876

Re: Javascript: Mehrere Checkboxen mit einem Klick markieren (@manu)

Donnerstag, 04. Juni 2009 14:33

Wie das Ganze ohne Master-Checkbox funktioniert, steht hier.
Signatur:\"I have not failed. I\'ve just found 10,000 ways that won\'t work.\" - Thomas Alva Edison (1847-1931)
Bookmark setzen!:Zu Google Bookmark hinzufügen.Zu bloglines hinzufügen.Zu Newsgator hinzufügen.Zu FURL hinzufügen.Zu DIGG hinzufügen.Zu Webnews hinzufügen.Zu Netscape hinzufügen.Zu Yahoo MyWeb hinzufügen.Zu spurl.net hinzufügen.Zu diigo hinzufügen.Zu Newsvine hinzufügen.Zu del.icio.us hinzufügen.Zu SIMPIFY hinzufügen.Zu Mister Wong hinzufügen.Zu Linkarena hinzufügen.Zu isio.de hinzufügen.Zu Oneview hinzufügen.Zu yigg.de hinzufügen.Zu reddit hinzufügen.Zu StumbleUpon hinzufügen.Zu Slashdot hinzufügen.Zu Blinklist hinzufügen.Zu Technorati hinzufügen.Zu Blogmarks hinzufügen.Zu Blinkbits hinzufügen.Zu ma.gnolia hinzufügen.Zu smarking.com hinzufügen.Zu Netvouz hinzufügen.Zu co.mments hinzufügen.Zu Connotea hinzufügen.Zu de.lirio.us hinzufügen.

Specials

Bytefresser Specials: Anno 1404

Umfrage

Welches ist Dein Lieblings-Anno?

(161 Stimmen)

1. Ganz klar: Anno 1800!
2. Anno 2205
3. Anno 2070
4. Anno 1404
5. Anno 1701
6. Anno 1503
7. Anno 1602
8. Anno Online

Benutzer-Counter

Besucher gesamt: 1.429.680
Besucher heute: 1.723
Besucher gestern: 1.076
Max. Besucher/Tag: 2.919
Gerade online: 13
Max. online: 283
Seiten gesamt: 38.010.368
Aufrufe diese Seite: 150

Tag-Cloud

  html4strict     abschicken     bookmark     postings     schlag     benutzer     level     einbinden     dieses     @manu     javascript     signatur     donnerstag     entwicklung     script     auswählen     checkboxen     edison     formularen     aachen     funktion     master-checkbox     problem     ganze     dienstag     thomas     august     bytefresser     html-code