Discussion :

[FredLx]

Bonjour,

J'ai trois radio button et je voudrais que chaque bouton affiche un tableau différent tout en cachant les autres tableau.

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
 
 
<input type="radio" name="btn1" value="btn1" />
<input type="radio" name="btn1" value="btn2" />
<input type="radio" name="btn1" value="btn3" />
 
 
<table width="419" border="0" cellspacing="0" cellpadding="0" id="tbl1" style="display:none">
  <tr>
    <td>tableau 1</td>
  </tr>
</table>
<table width="419" border="0" cellspacing="0" cellpadding="0" id="tbl2" style="display:none">
  <tr>
    <td>tableau 2</td>
  </tr>
</table>
<table width="419" border="0" cellspacing="0" cellpadding="0" id="tbl3" style="display:none">
  <tr>
    <td>tableau 3</td>
  </tr>
</table>

Merci

Fred

[vermine]

Bonsoir,

Au onclick des boutons, vous lancez une fonction qui prend en paramètre l'id du tableau à cacher:

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
<input type="radio" name="btn1" value="btn1" onclick="ma_fonction('tableau_1'); />
...
 

<table id="tableau_1" width="419" border="0" cellspacing="0" cellpadding="0" id="tbl1" style="display:none">
  <tr>
    <td>tableau 1</td>
  </tr>
</table>
...

La fonction va récupérer le tableau de l'id passé en paramètre et modifier son style display.