Discussion :

[erox44]

Bonjour,
j'ai un formulaire dans lequel j'ai deux input de type checkbox : Départ et Mutation, ce que je souhaite faire c'est qu'au chargement de la page ceux-ci soient visibles puis lorsqu'on clique sur l'un l'autre disparait et inversement; j'aimerais aussi pouvoir réafficher le checkbox.

Voici mon code actuel:

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
     function cacherChckBox(entree) {
 
 
			//alert("entree: "+entree);     		
					if(entree == "chckMut"){
							if(document.getElementById('checkboxDep').style.visibility = 'hidden'){
 
								document.getElementById('checkboxDep').style.visibility = 'visible';
							}
							else{
								document.getElementById('checkboxDep').style.visibility = 'hidden';
							}
 
						}
						if(entree == "chckDep"){
 
							if(document.getElementById('checkboxMut').style.visibility = 'hidden'){
 
								document.getElementById('checkboxMut').style.visibility = 'visible';
							}
							else{
								document.getElementById('checkboxMut').style.visibility = 'hidden';
							}
 
						}
 
 
 
     }

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
											<table border="0" align="center" >
											<tr>
												<td> Choix possibles : </td>
											</tr>
											<tr>
												<td><input  type="checkbox" id="chckLog" name="chckLog" > installation logicielle </input></td>
											</tr>
											<tr>
												<td><input type="checkbox" id="chckMat" name="chckMat" > installation mat&eacute;rielle </input></td>
											</tr>	 	
							  				<tr>
												<td><div id="checkboxMut" style="visible"><input type="checkbox" id="chckMut" name="chckMut" onClick="cacherChckBox('chckMut')"> Mutation </input></div></td>
											</tr>
							  				<tr>
												<td><div id="checkboxDep" style="visible"><input type="checkbox" id="chckDep" name="chckDep" onClick="cacherChckBox('chckDep')"> D&eacute;part </input></div></td>
											</tr>
										</table>

Actuellement le fait de cocher l'un ou l'autre ne fait absolument rien

Si quelqu'un pouvait me filer un coup de main


Merci.

[le_chomeur]

pourquoi ne pas utiliser un bouton radio plutôt ?? ;-)

[erox44]

Juste pour l'aspect graphique de la page, et puis ça me permet de m'exercer en JS

[vermine]

Alors ce sera:

Code :

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

1
2
style.display = "none";
style.display = "";

[erox44]

Hm j'ai essayé , ça n'a aucun effet

[le_chomeur]

ta ligne :

Code :

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

if(document.getElementById('checkboxDep').style.visibility = 'hidden'){

en

Code :

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

1
2
 
if(document.getElementById('checkboxDep').style.visibility == 'hidden'){

[erox44]

ca fonctionne.

Merci pour votre aide.