Quantcast
Channel: Schreinert.com » Web-Applikationen
Viewing all articles
Browse latest Browse all 2

JavaScript: Alle Checkbox-Felder einer HTML-Seite deaktivieren, aktivieren oder umsetzen (toggle)

$
0
0

In meinen Projekten treffe ich zur Zeit verstärkt auf Web-Seiten, auf denen sehr viele Punkte per Checkbox zu aktivieren oder zu deaktivieren sind.
Nachdem ich nur jede einzelen der über 50 Checkboxen anklicken möchte, habe ich hierfür einen kleinen, simplen JavaScript-Code zusammengeschrieben, um alle Checkboxen zu aktivieren, zu deaktivieren oder zu ändern.

// hier die gewünschte Form wählen (erste Form = 0 )
var form = document.forms[0];
//var action = 'activate';
//var action = 'deactivate';
var action = 'toggle';

var inputs = form.getElementsByTagName("input");

for ( i=0 ; i < inputs.length ; i++ ) {

    input = inputs[i];

    // nur Checkboxen betrachten
    if ( input.type != 'checkbox' ) {
        continue;
    }
    if ( action == 'activate' ) {
        value = true;
    } else if ( action == 'deactivate' ) {
        value = false;
    } else if ( action == 'toggle' ) {
        value = !input.checked;
    } else {
        // console.info('Ungültiger Wert für action');
        value = input.checked;
    }

    input.checked=value;

}

Viewing all articles
Browse latest Browse all 2

Latest Images

Trending Articles





Latest Images