Masquer afficher div en javascript
Bonjour à tous je debute en javascript, et le projet sur leque je travail demande que j'affiche et masque des div en fonction de l'etat d'un bouton radio.
plus clairement:
j'ai 2 boutons qui répondent à la question " est marié ?"
par defaut le bouton non est selectionner et j'aimerai qu'alors la div "infoconjoint" soit invisible (et carrement inactive).
si le bouton oui est selectionner alors la div en question apparait avec les champs à renseigner.
pour le moment l'effet masquer/afficher fonctionne mais au premier affichage de la page, la div est visible (malgre le bouton "non" en checked par defaut)
voici le code que j'utilise:
Code:
1
2
3
4
5
6
| function afficher(infoconjoint){
document.getElementById(infoconjoint).style.visibility = "";
}
function cacher(infoconjoint){
document.getElementById(infoconjoint).style.visibility = "hidden";
} |
au niveau de mon bouton j'ai:
Code:
1
2
| <input name="RadioGroupMarie" type="radio" onclick='afficher("infoconjoint");' value="marie" />
Oui </label> |
Code:
1
2
| <input name="RadioGroupMarie" type="radio" checked="checked" onclick='cacher("infoconjoint");' value="celibataire" />
Non </label> |
Ma div infoconjoint:
Code:
<div id="infoconjoint" style="display:none">
J'aimerai savoir ce qui ne va pas avec ce code d'autant plus que je l'ai adapter depuis un ancien post sur ce forum. J'aurais manqué quelque chose? merci d'avance
