Affichage de checkbox si sélection d'un bouton radio

**Ne0zenith** · 10/08/2006, 16h51

Bonjour,

je voudrais savoir comment, en sélectionnant un bouton radio particulier, je peux afficher des "morceaux" de page HTML cachés sans charger une nouvelle page.
Par exemple, si je sélectionne un bouton radio spécifique, un texte ou une checkbox apparaît sur cette page.

D'autre part, j'ai trouvé le code dans la FAQ permettant d'ajouter une ligne dans un tableau en cliquant sur un bouton :

Code :

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

1
2
3
4
5
6
7
8
 
function AddRow(){
    var newRow = document.getElementById('table').insertRow(-1);
    var newCell = newRow.insertCell(0);
    newCell.innerHTML = '[nouvelle cellule 0]';
    newCell = newRow.insertCell(1);
    newCell.innerHTML = '[nouvelle cellule 1]';
}

Ce tableau devrait me permettre d'afficher dans chaque ligne des zones de texte à remplir ainsi que des select. Comment dois-je les nommer dans la fonction "AddRow()" pour que je puisse récupérer les valeurs saisies ? (ces zones de texte doivent avoir chacune un nom différent ?!)

**Ne0zenith** · 11/08/2006, 09h18

personne ne peut m'aider ?!

**Ne0zenith** · 14/08/2006, 09h34

Bon, après avoir galéré pendant un sacré bout de temps, voici le code que j'ai trouvé pour afficher des parties selon la case cochée :

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
 
<html>
<script type="text/javascript">
// Au chargement de la page, div1 et div2 seront masqués
function chargement() {
div1.style.display = "none";
div2.style.display = "none";
}
//action à exécuter lors de la sélection d'un bouton radio
function affCache() {
if (creation.agent[0].checked)
	div1.style.display = "";
else
	div1.style.display = "none";
if (creation.agent[1].checked){
	div1.style.display = "none";
	div2.style.display = "none";}
if (creation.agent[2].checked)
	div2.style.display = "";
else 
	div2.style.display = "none";
}
</script>
 
//chargement de la page (et exécution du script "chargement")
<body bgcolor="#FFFFFF" text="#000000" onLoad="chargement()">
<form method="post" action="newagent.jsp" name="creation" class="Paragraphes">
  <table width="75%" border="0" class="Paragraphes">
    <tr> 
      <td width=20%> 
        0 : <input type="radio" name="agent" onclick="affCache();" value="0"> 
      </td>
      <td width=30%>
        1 : <input type="radio" name="agent" onclick="affCache();" value="1">
      </td>
      <td width=20%>
        2 : <input type="radio" name="agent" onclick="affCache();" value="2">
      </td>
    </tr>
  </table>
//partie visible lors de la sélection du bouton radio 0
  <div id="div1">
  <table width="75%" border="0" class="Paragraphes"><tr>
	    <td height="29">Uniquement pour 0 : </td>
	    <td height="29">0.1 : 
          <input type="checkbox"></td>
	    <td height="29">0.2 : 
          <input type="checkbox"></td>
	    <td height="29">0.3 : 
          <input type="text"></td></tr></table>
  </div>
//partie visible lors de la sélection du bouton radio 2
  <div id="div2">
  <table width="75%" border="0" class="Paragraphes"><tr>
	  <td>Uniquement pour 2 : </td>
	  <td>2.1 : <input type="text"></td>
	  </tr>
  </table>
  </div>
</form>
</body>
</html>

Le clique sur 0 permet d'afficher la div1, et le clique sur 2 permet d'afficher la div2. la sélection du 1 permettra de masquer ces 2 parties...

Par contre, concernant mon problème de nommage des variables des lignes d'un tableau, je n'ai encore pas trouvé comment faire, alors si quelqu'un pouvait me donner un coup de pouce...
Il s'agit d'initialiser une nouvelle varible à chaque fois qu'une ligne est créée...

Affichage de checkbox si sélection d'un bouton radio

JavaScript

Discussions similaires

Partager

Partager