Afficher div si l'une des checkbox cochée
Fermé
rebk2
Messages postés
15
Date d'inscription
samedi 5 janvier 2013
Statut
Membre
Dernière intervention
28 mars 2020
-
22 juin 2013 à 11:38
SweetRiver Messages postés 103 Date d'inscription jeudi 4 août 2011 Statut Membre Dernière intervention 22 novembre 2016 - 23 juin 2013 à 13:28
SweetRiver Messages postés 103 Date d'inscription jeudi 4 août 2011 Statut Membre Dernière intervention 22 novembre 2016 - 23 juin 2013 à 13:28
A voir également:
- Afficher div si l'une des checkbox cochée
- Ce programme est écrit en python. il construit un mot secret dans une variable mais il ne l'affiche pas. modifiez-le pour qu'il affiche le mot secret. exécutez-le. quel est ce mot secret ? ✓ - Forum Python
- Afficher un tableau en c - Forum C
- Div scrollable ✓ - Forum HTML
- Afficher toutes les lignes masquées excel ✓ - Forum Excel
- Afficher reel sur profil ✓ - Forum Instagram
4 réponses
SweetRiver
Messages postés
103
Date d'inscription
jeudi 4 août 2011
Statut
Membre
Dernière intervention
22 novembre 2016
6
22 juin 2013 à 12:19
22 juin 2013 à 12:19
Bonjour,
Il y a plusieurs erreurs de syntaxe dans le code.
Voici la version qui doit fonctionner :
@+
Il y a plusieurs erreurs de syntaxe dans le code.
Voici la version qui doit fonctionner :
<li id="choix"><label>Choix: </label>
<ol class="checkboxes">
<li><input value="choix_1" type="checkbox" onclick="Change()" class="checkboxlist" name="choix[]" id="choix_1" />choix 1</li>
<li><input value="choix_2" type="checkbox" onclick="Change()" class="checkboxlist" name="choix[]" id="choix_2" />choix 2</li>
<li><input value="choix_3" type="checkbox" onclick="Change()" class="checkboxlist" name="choix[]" id="choix_3" />choix 3</li>
</ol>
</li>
<div id="madiv" style="visibility:hidden;"><p>blabla</p></div>
<script type="text/javascript">
function Change() {
if ((document.getElementById('choix_1').checked) || (document.getElementById('choix_2').checked) || (document.getElementById('choix_3').checked)) {
document.getElementById('madiv').style.visibility="visible";
}
else {
document.getElementById('madiv').style.visibility="hidden";
}
}
</script>
@+
rebk2
Messages postés
15
Date d'inscription
samedi 5 janvier 2013
Statut
Membre
Dernière intervention
28 mars 2020
1
22 juin 2013 à 20:42
22 juin 2013 à 20:42
OMG jsuis con parfois, merci beaucoup !!
SweetRiver
Messages postés
103
Date d'inscription
jeudi 4 août 2011
Statut
Membre
Dernière intervention
22 novembre 2016
6
Modifié par SweetRiver le 23/06/2013 à 13:28
Modifié par SweetRiver le 23/06/2013 à 13:28
Tant mieux si tout fonctionne.
Il n'y a pas de question(s) idiote(s) !
@+
Peux-tu juste mettre le sujet en "résolu" ?
Il n'y a pas de question(s) idiote(s) !
@+
Peux-tu juste mettre le sujet en "résolu" ?
rebk2
Messages postés
15
Date d'inscription
samedi 5 janvier 2013
Statut
Membre
Dernière intervention
28 mars 2020
1
22 juin 2013 à 14:22
22 juin 2013 à 14:22
Merci beaucoup !!!
rebk2
Messages postés
15
Date d'inscription
samedi 5 janvier 2013
Statut
Membre
Dernière intervention
28 mars 2020
1
22 juin 2013 à 14:29
22 juin 2013 à 14:29
Et saurais tu par quoi remplacer hidden pour que ma div lorsqu'elle est cachée soit vraiment caché car là le contenu n'apparait pas mais la place qu'elle prend reste...
SweetRiver
Messages postés
103
Date d'inscription
jeudi 4 août 2011
Statut
Membre
Dernière intervention
22 novembre 2016
6
22 juin 2013 à 17:23
22 juin 2013 à 17:23
Merci.
Il faut utiliser le couple
Ce qui donne :
@+
Il faut utiliser le couple
block/noneavec la propriété
display.
Ce qui donne :
<li id="choix"><label>Choix: </label>
<ol class="checkboxes">
<li><input value="choix_1" type="checkbox" onclick="Change()" class="checkboxlist" name="choix[]" id="choix_1" />choix 1</li>
<li><input value="choix_2" type="checkbox" onclick="Change()" class="checkboxlist" name="choix[]" id="choix_2" />choix 2</li>
<li><input value="choix_3" type="checkbox" onclick="Change()" class="checkboxlist" name="choix[]" id="choix_3" />choix 3</li>
</ol>
</li>
<div id="madiv" style="display:none"><p>blabla</p></div>
<script type="text/javascript">
function Change() {
if ((document.getElementById('choix_1').checked) || (document.getElementById('choix_2').checked) || (document.getElementById('choix_3').checked)) {
document.getElementById('madiv').style.display="block";
}
else {
document.getElementById('madiv').style.display="none";
}
}
</script>
@+