Javascript : exemples avec le code source

H - Cases à cocher

Avec images

Choisissez
votre
mobilier :
Plante
Lampe
Code html (utilisant l'identité des objets)
<html>
<head>
<script language="javascript">
function afficher() {
if (document.getElementById("casea").checked) {
document.getElementById("img_g").src="../images/deco_g1.jpg";
} else {
document.getElementById("img_g").src="../images/deco_g0.jpg";
}
if (document.getElementById("caseb").checked) {
document.getElementById("img_d").src="../images/deco_d1.jpg";
} else {
document.getElementById("img_d").src="../images/deco_d0.jpg";
}
}
</script>
</head>
<body>
<table align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<div>Chosissez votre mobilier : </div>
<div><input type="checkbox" id="casea" onClick="afficher()">Plante</div>
<div><input type="checkbox" id="caseb" onClick="afficher()">Lampe</div>
</td>
<td>
<img src="../images/deco_g0.jpg" id="img_g">
</td>
<td>
<img src="../images/deco_d0.jpg" id="img_d">
</td>
</tr>
</table>
</body>
</html>
Validé XHTML 1.1    Validé CSS