Division Conditionnelle dans formulaire
Résolu/Fermé
Napo_Leon
-
Modifié le 19 déc. 2019 à 11:31
cs_PaTaTe Messages postés 2107 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 2107 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
- Alias du formulaire - Forum Programmation
- Formulaire de remboursement free pdf ✓ - Forum Vos droits sur internet
- Excel mise en forme conditionnelle autre cellule ✓ - Forum Excel
1 réponse
cs_PaTaTe
Messages postés
2107
Date d'inscription
mercredi 21 août 2002
Statut
Contributeur
Dernière intervention
19 février 2021
500
Modifié le 1 févr. 2020 à 18:03
Modifié le 1 févr. 2020 à 18:03
Bonjour,
Avec quelques corrections ça fonctionne ^^
Un petit merci aux bénévoles du site ne coûte rien, tout comme un sujet passé en résolu quand il l'est :)
[PaTaTe]
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>
Un petit merci aux bénévoles du site ne coûte rien, tout comme un sujet passé en résolu quand il l'est :)
[PaTaTe]