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.