Division Conditionnelle dans formulaire
Résolu/Fermé
Napo_Leon
-
Modifié le 19 déc. 2019 à 11:31
cs_PaTaTe Messages postés 2126 Date d'inscription mercredi 21 août 2002 Statut Contributeur Dernière intervention 19 février 2021 - 1 févr. 2020 à 18:00
cs_PaTaTe Messages postés 2126 Date d'inscription mercredi 21 août 2002 Statut Contributeur Dernière intervention 19 février 2021 - 1 févr. 2020 à 18:00
A voir également:
- Division Conditionnelle dans formulaire
- Mise en forme conditionnelle excel - Guide
- Formulaire de réclamation facebook - Guide
- Mise en forme conditionnelle powerpoint ✓ - Forum Powerpoint
- Récupérer compte hotmail sans formulaire ✓ - Forum Hotmail / Outlook.com
- Confirmer le nouvel envoi du formulaire err_cache_miss ✓ - Forum HTML
1 réponse
cs_PaTaTe
Messages postés
2126
Date d'inscription
mercredi 21 août 2002
Statut
Contributeur
Dernière intervention
19 février 2021
493
Modifié le 1 févr. 2020 à 18:03
Modifié le 1 févr. 2020 à 18:03
Bonjour,
Avec quelques corrections ça fonctionne ^^
Avec quelques corrections ça fonctionne ^^
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> #myDIV1 { width: 100%; padding: 50px 0; text-align: center; background-color: blue; margin-top: 20px; } #myDIV2 { width: 100%; padding: 50px 0; text-align: center; background-color: red; margin-top: 20px; } </style> </head> <body> <p>Cochez la case correspondant à votre status</p> <!-- <button onclick="myFunction()">Try it</button> --> <input type="radio" id="studying" name="status" value="Studying" onchange="myFunction()"> Studying <input type="radio" id="working" name="status" value="Working" onchange="myFunction()"> Working <div id="myDIV1" style ="display:none"> Ici tu présentes les élements du formulaire pour les étudiants </div> <div id="myDIV2" style ="display:none"> Ici tu présentes les élements du formulaire pour les travailleurs </div> <script> function myFunction() { var x = document.getElementById("myDIV1"); var y = document.getElementById("myDIV2"); if (document.getElementById('studying').checked) { x.style.display = "block"; y.style.display = "none"; } else { x.style.display = "none"; y.style.display = "block"; } } </script> </body> </html>