[Javascript] Checkbox et cache-cache tableau

**R1pToR** · 04/07/2007, 17h00

Salut, c'est à nouveau moi et mes problèmes

:

Bon cette fois-ci, s'en est un très simple mais très lourd puisque ... ça ne marche pas.

En fait, voila le topo : j'ai une checkbox. Je veux quand elle est cochée, qu'un tableau s'affiche, et quand elle est décochée, qu'il disparaisse, et ainsi de suite ...

Simple non ? Bon alors voici ma page :

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
<table cellspacing="6" >
          <tr>
            <td><input type="checkbox" onclick="ShowTab()" id="chk1"></td>
            <td>Toutes les demandes</td>
          </tr>
       </table>
       <table cellspacing="6" >
          <tr>
           <td>Uniquement la(les) demande(s) ...</td>
          </tr>
           <tr>
            <table class="tableau_recherche" align="center" id="tab2">
              <tr>
                ...
               </tr>
              </table>

Et voici le code javascript :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function ShowTab()
{
if(document.getElementById("chk1").value != null)
  {
   document.getElementById("tab2").style.display = 'none';
  }
if(document.getElementById("chk1").value = null)
  {
   document.getElementById("tab2").style.display = 'block';
  }
}

En fait, lorsque je coche la checkbox, le tableau disparait donc c super, mais lorsque je la décoche, il reste sur place ... donc bon c'est quand même relativement embêtant

Une petite idée ?

**plsavary** · 04/07/2007, 17h38

Remplace :

Code :

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

1
2
 
if(document.getElementById("chk1").value = null)

Par :

Code :

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

1
2
 
if(document.getElementById("chk1").value == null)

**R1pToR** · 05/07/2007, 08h17

Même problème, je coche : ça disparait, je décoche ... ça réapparait pas !

**OButterlin** · 05/07/2007, 09h04

Tu ne fais pas le bon test : il faut tester "checked" pas value

Code :

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

1
2
3
 
if ( document.getElementById("chk1").checked ) document.getElementById("tab2").style.display = "block";
else document.getElementById("tab2").style.display = "none";

A+