Opzoek naar vink script in HTML, JavaScript?

Status
Niet open voor verdere reacties.
A

AnonymousDutch

Gebruiker
Lid geworden
19 jul 2012
Berichten
318
Hallo,

Ik ben opzoek naar zo een script dat ook vaak gebruikt wordt bij voorwaardes. Je moet eerst een vinkje zetten om door te kunnen gaan.

Ik moet hem op een website kunnen plaatsen, dus hij moet kunnen doorsturen naar de volgende pagina.

Heeft iemand zo een voorbeeld script voor mij die ik kan gebruiken, het liefst niet te moeilijk zodat ik hem nog kan aanpassen.

Vriendelijke groeten,
 
Laatst bewerkt:
Ik heb gebruikt gemaakt van jQuery als je dat niet erg vind...

index.html
HTML: 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Vinkjes</title>
		<script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script>
		<script src="scripts/main.js" type="text/javascript"></script>
	</head>
	<body>
		<form id="agree">
			<input id="accept" name="accept" type="checkbox" /> <label for="accept">Ik accepteer de voorwaarden.</label>
			<input name="submit" type="submit" value="Verzenden" />
		</form>
	</body>
</html>

main.js

Code: 
$(document).ready(function(){
	$('#agree').submit('click', function() {
		if($("#accept").is(':checked')) {
			alert("selected!");
		}
		return false;
	});
});
 
Laatst bewerkt:
Oke top! Ik heb de code succesvol weten toe te voegen, alleen nog één vraag:

- Wanneer er geen vinkje is geselecteerd maar toch op verzenden geklikt wordt, komt er geen melding, hoe kan ik deze toevoegen?

Alvast bedankt!
 
Laatst bewerkt:
Door een else toe te voegen:

main.js
Code: 
$(document).ready(function(){
	$('#agree').submit('click', function() {
		if($("#accept").is(':checked')) {
			alert("selected!");
		} else {
			alert("not selected!");
		}
		return false;
	});
});
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan