Formular mit Checkboxen & Dropdown auswahl

[matthoz]

Hallo Leute!

Ich versuche ein Formular zu erstellen, bei welchem mehrere checkboxen untereinander aufgelistet werden, wie bei einem html-email provider. über den checkboxen soll dann noch eine checkbox sein, die beim aktivieren alle anderen checkboxen "checked". Unter den Checkboxen befindet sich dann ein Drop-Down menü mit mehreren Auswahlmöglichkeiten und dann natürlich noch ein submit button. Kann mir jemand erklären wie man so ein Formular aufbaut?

Danke im Voraus!
Matthi

 

[franz007]

Auf

http://de.selfhtml.org/

findest du alles zum Thema Formulare

und um alle zu markieren Brauchst du javascipt

such einfach mal bei

 

[Gumbo]

Am besten weist du allen betreffenden Checkbox-Elementen eine signifikante Eigenschaft zu, beispielsweise eine gemeinsame Klasse. Anschließend könntest du folgendes Skript verwenden, um alle abzuhaken, etwa:

function checkAllCheckboxes( obj, class )
{
	var tmp = document.getElementsByTagName("input");
	var regex = new Regex("\b" + class + "\b");
	for( var i=0; i<tmp.length; i++ ) {
		if( tmp[i].type != "checkbox" || !regex.test(tmp[i].className) ) {
			continue;
		}
		tmp[i].checked = obj.checked;
	}
}

Ich hoffe, es funktioniert.

 

[matthoz]

Auf

http://de.selfhtml.org/

findest du alles zum Thema Formulare

und um alle zu markieren Brauchst du javascipt

such einfach mal bei

mit selfhtml bin ich nicht weiter gekommen, das war meine erste annlaufstelle. hatte gehofft jemand könnte ein kleines beispiel zeigen. trotzdem danke für deine antwort!

matthi

 

[Maik]

Das Thema wird ins Javascript-Forum verschoben.

 

[matthoz]

die mit java funktion muss durch einen klick auf eine checkbox aufgerufen werden. gibts da irgendeinen befehl für? beispielsweise:

oncheck="allemakieren_fkt()"

danke für eure hilfe!
matthi

 

[Gumbo]

Auch das ist möglich:

function checkAllCheckboxes( class )
{
	var tmp = document.getElementsByTagName("input");
	var regex = new Regex("\b" + class + "\b");
	for( var i=0; i<tmp.length; i++ ) {
		if( tmp[i].type != "checkbox" || !regex.test(tmp[i].className) ) {
			continue;
		}
		tmp[i].checked = true;
	}
}