Javascript OnChange et CheckBox

Résolu

Digit@lChord Messages postés 141 Statut Membre -
Digit@lChord Messages postés 141 Statut Membre - 15 déc. 2011 à 10:14

Bonjour,
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

Afficher la suite

2 réponses

RAD ZONE Messages postés 5362 Statut Contributeur 1 360

Salut
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>

Réponse 2 / 2
Digit@lChord Messages postés 141 Statut Membre 8

Merci, ça marche parfaitement :D
0

Javascript OnChange et CheckBox

2 réponses

Discussions similaires

Newsletters