Discussion :

[starkbra]

Bonjour, besoin d'aide!!!!
J'aimerais savoir comment afficher un champ de type "INPUT" lorsque je coche une case à cocher de type checkbox.

J'expose bien le problème/

j'ai deux page php : new.php et new1.php

dans new.php je le code suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<script type="text/javascript">
 
window.onload=function()
 
{
 
         document.querySelector('#check').onclick=function(e)
 
     {
 
                if (e.target.checked)
 
 {
 
                        document.querySelector('#container').style.visibility="visible";
 
     }
 
else {
 
                        document.querySelector('#container').style.visibility="hidden";
 
      }
 
 
 
}
 
</script>

dans la page new1.php j'a le code html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<input type="checkbox" id="check"/>
<div id="container" style="visibility:hidden; border-radius:5px; border:1px solid #829fb3; width:300px; height:20px; background-color:white;"></div>

j'ai réussi à le faire mais lorsque je met le code html et le script dans la mémé page ( comme faire avec le séparation des deux code ??)

[NoSmoking]

Bonjour et bienvenue sur DVP.

•Commence par bien indenter ton code et tu verras qu'il manque une accolade fermante, peut être un soucis de copier/coller

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
window.onload = function ()
{
    document.querySelector('#check').onclick = function (e)
    {
        if (e.target.checked)
        {
            document.querySelector('#container').style.visibility = 'visible';
        } 
        else {
            document.querySelector('#container').style.visibility = 'hidden';
        }
    }

• Tu ne peux communiquer avec une autre page que si celle-ci a été ouverte par cette page.

• Pour info, dans ton code e.target est égal à this, l'élément cliqué.