Javascript OnChange et CheckBox
Résolu
Digit@lChord
Messages postés
141
Statut
Membre
-
Digit@lChord Messages postés 141 Statut Membre -
Digit@lChord Messages postés 141 Statut Membre -
Bonjour,
Je souhaite faire en sorte qu'un div disparaisse et apparaisse au changement d'état d'une checkbox.
J'ai fait sa :
Mais je comprend pas comment m'y prendre pour que lorsque je re-clique sur ma checkbox la div disparaisse ^^'
Merci d'avance ;D
Je souhaite faire en sorte qu'un div disparaisse et apparaisse au changement d'état d'une checkbox.
J'ai fait sa :
<input type="checkbox" id="IPH" onchange="display()">
<script type="text/javascript">
function display(){
document.getElementById('IPH').style.display = 'block';
</script>
Mais je comprend pas comment m'y prendre pour que lorsque je re-clique sur ma checkbox la div disparaisse ^^'
Merci d'avance ;D
A voir également:
- Javascript OnChange et CheckBox
- Telecharger javascript - Télécharger - Langages
- A javascript error occurred in the main process - Forum Handicap / Accessibilté
- Afficher un tableau javascript en html ✓ - Forum Javascript
- Javascript arrondi - Forum Javascript
- Javascript arrondi après la virgule ✓ - Forum Windows
2 réponses
Salut
voila une des solutions simple
a=
voila une des solutions simple
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>
</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/
function display()
{
if (
document.getElementById('IPH').checked)
{
document.getElementById("cache").style.display = 'block';
}
else {
document.getElementById("cache").style.display = 'none';
}
}
/*]]>*/
</script>
<style type="text/css">
/*<![CDATA[*/
#cache {
display: none;
}
/*]]>*/
</style>
</head>
<body>
<form action="blabla">
<input type="checkbox" id="IPH" onchange="display()" />
</form>
<div id="cache">
<p>
Lorem ipsum dolor sit amet consectetuer odio nibh a nibh hac. Nisl sapien nibh.
</p>
<p>
Nunc sagittis tincidunt laoreet libero nisl tincidunt id nibh Morbi Vestibulum. Tellus ante ut.
</p>
<p>
Porttitor senectus iaculis nibh Sed sed adipiscing nulla amet Donec wisi. Consequat tincidunt at.
</p>
<p>
Vel pretium faucibus metus orci eget adipiscing montes diam sem convallis. Interdum et nonummy congue sodales.
</p>
<p>
Natoque Nullam Vestibulum nibh hendrerit ante nisl non a quis adipiscing. Interdum non quis Vestibulum est.
</p>
</div>
</body>
</html>
a=
