Checkbox voor formblock

Auteur: Dark_Paul - 10 juli 2006 - 16:32 - Gekeurd door: Maarten - Hits: 5181 - Aantal punten: (0 stemmen)

Als je de checkbox aanvinkt, zullen al je element in het form worden geblokkeerd, behalve de checkbox zelf. als de checkbox weer uit wordt gezet, wordt je form weer vrijgegeven. In IE lijkt het alsof het script niet werkt, maar dat is een kwestie van een klikje buiten de form, voordat IE triggert.

Code:

php code - Bekijk de code zonder highlighting - Klap code in

                <html>
<head>
<script type="text/javascript">
function FormUit() {
	var form1 = document.forms[0];
	var lengte = form1.length; //tel het aantal elementen uit het formulier
	
		for (var i=0; i<lengte; i++){	
			var elementI = document.form1.elements[i];
					
			if (document.form1.elements['check1'].checked == true){ //controleer of de checkbox aangevinkt is	
			if (elementI.name != "check1"){ //zorg ervoor dat je checkbox NIET wordt geblokkeerd
			elementI.disabled = true; // blokkeer de elementen
						}
					}
			else {
			elementI.disabled = false; //geef de elementen (weer) vrij
			}
		}
}
</script>
</head>

<body>
<form name="form1">
	<input type="text" name="tekst" size="5" value="tekstje"><br>
	<input type="radio" name="radio" value="radio">Radiobutton<br>
	<input type="checkbox" name="checkbox">Checkbox<br>
	<input type="submit" name="submit" value="Verzend"><br>
	<input type="checkbox" name="check1" id="check1" onChange="FormUit()">(De)Blokkeer
</form>
</body>
</html>
            
<html>
<head>
<script type="text/javascript">
function FormUit() {
	var form1 = document.forms[0];
	var lengte = form1.length; //tel het aantal elementen uit het formulier
 
		for (var i=0; i<lengte; i++){	
			var elementI = document.form1.elements[i];
 
			if (document.form1.elements['check1'].checked == true){ //controleer of de checkbox aangevinkt is	
			if (elementI.name != "check1"){ //zorg ervoor dat je checkbox NIET wordt geblokkeerd
			elementI.disabled = true; // blokkeer de elementen
						}
					}
			else {
			elementI.disabled = false; //geef de elementen (weer) vrij
			}
		}
}
</script>
</head>
 
<body>
<form name="form1">
	<input type="text" name="tekst" size="5" value="tekstje"><br>
	<input type="radio" name="radio" value="radio">Radiobutton<br>
	<input type="checkbox" name="checkbox">Checkbox<br>
	<input type="submit" name="submit" value="Verzend"><br>
	<input type="checkbox" name="check1" id="check1" onChange="FormUit()">(De)Blokkeer
</form>
</body>
</html>
 

Download code (.txt)

Stemmen

Niet ingelogd.

Reacties

Post een reactie

Lees de reacties (7)