Les Allergies
Alimentaires
Posez votre question Signaler

Javascript OnChange et CheckBox [Résolu]

Digit@lChord 86Messages postés 24 novembre 2009Date d'inscription 5 mai 2012Dernière intervention - Dernière réponse le 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
Lire la suite 

Javascript OnChange et CheckBox »

2 réponses
Réponse
+1
moins plus
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>


a=
Ajouter un commentaire
Réponse
+0
moins plus
Merci, ça marche parfaitement :D
Ajouter un commentaire
Ce document intitulé « Javascript OnChange et CheckBox » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?