cacher/montrer un checkbox en fonction d'un autre
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:
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:
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é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é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.
