Javascript : exemples avec le code source

G - Radio-boutons

Question à choix unique

Qui a découvert la radioactivité ?
Newton
Becquerel
Einstein

Code html (utilisant l'identité des objets)

<html>
<head>
<script language="javascript">
function valider() {
if (document.getElementById('serie1b').checked) {
alert('Bravo !!!')
} else {
alert('Votre réponse est incorrecte...')
}
}
</script>
</head>
<body>
<div>Qui a découvert la radioactivité ?</div>
<div>
<input name="serie1" id="serie1a" type="radio">Newton<br>
<input name="serie1" id="serie1b" type="radio"> Becquerel<br>
<input name="serie1" id="serie1c" type="radio">Einstein<br>
</div>
<div align="center"><input type="button" onClick="valider()" value="Valider"></div>
</body>
</html>


Code html (utilisant le nom des objets et les formulaires)

<html>
<head>
<script language="javascript">
function valider() {
if (document.formu.serie1[1].checked) {
alert('Bravo !!!')
} else {
alert('Votre réponse est incorrecte...')
}
}
</script>
</head>
<body>
<form name="formu">
<div>Qui a découvert la radioactivité ?</div>
<div>
<input name="serie1" type="radio">Newton<br>
<input name="serie1" type="radio"> Becquerel<br>
<input name="serie1" type="radio">Einstein<br>
</div>
<div align="center"><input type="button" onClick="valider()" value="Valider"></div>
</form>
</body>
</html>

Validé XHTML 1.1    Validé CSS