Afficher/masquer champs en fonction d'un bouton radio
Résolu/Fermé
A voir également:
- Afficher/masquer champs en fonction d'un bouton radio
- Fonction si et - Guide
- Masquer conversation whatsapp - Guide
- Radio française - Télécharger - Médias et Actualité
- Comment appeler en masquer - Guide
- Afficher mot de passe wifi android - Guide
2 réponses
Bonsoir,
Et comme ceci :
Et comme ceci :
<html> <head> <meta charset="utf-8"> <title>Test Juju</title> <style type="text/css">#D1, #D2, #D3, #D4 {display: none;}</style> <script type="text/javascript"> function showRadio() { var n = document.form.btnr.length; for(i=1;i<=n;i++) { if(document.getElementById('choix'+i).checked == true) { document.getElementById('D'+i).style.display = "block"; } else { document.getElementById('D'+i).style.display = "none"; } } } </script> </head> <body> <p><b>Provenance :</b></p> <form name="form" action="" method="post"> <p> <label>Professionnel <input type="radio" id="choix1" name="btnr" value="pro" onclick="showRadio()" /></label> <label>Amateur <input type="radio" id="choix2" name="btnr" value="ama" onclick="showRadio()" /></label> <label>Animalerie <input type="radio" id="choix3" name="btnr" value="ani" onclick="showRadio()" /></label> <label>Association <input type="radio" id="choix4" name="btnr" value="asso" onclick="showRadio()" /></label> </p> <div id="D1"> <label>Affixe de l'élevage <input type="text" /></label> </div> <div id="D2"> <label>Prénom de l'amateur <input type="text" /></label> <label>Département de l'amateur <input type="text" /></label> </div> <div id="D3"> <label>Nom de l'animalerie <input type="text" /></label> <label>Département de l'animalerie <input type="text" /></label> </div> <div id="D4"> <label>Nom de l'association <input type="text" /></label> <label>Département de l'association <input type="text" /></label> </div> </form> </body> </html>