Masquer entièrement une checkbox
Bonjour,
Je débute en HTML, PHP, CSS & JS et je suis un peu bloqué sur le masquage d'une case à cocher.
J'ai ce code dans un fichier HTML :
Code:
1 2 3 4 5
| <label for="maListe">C'est ma liste :</label>
<select id="maListe" name="maListe" onchange="funclst_AffCheckBox('maListe', 'maChk')">
<?php echo funcLstObtentions();?>
</select>
<input type="checkbox" id="maChk" name="maChk" value="off">Hello the World ?</input> |
et ce code dans un fichier JS :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
| function funclst_AffCheckBox(lst, chk)
{
try
{
var myLst = document.getElementById(lst);
var myChk = document.getElementById(chk);
i = myLst.selectedIndex;
if (i == 0)
{
myChk.style.visibility = 'hidden';
}
else
{
myChk.style.visibility = 'visible';
}
}
catch(err)
{
alert('Erreur rencontrée. ' +
'\nNom de l\'erreur : ' + err.name +
'\nMessage d\'erreur : ' + err.message +
'\nEmplacement de l\'erreur : ' + err.stack);
}
} |
Je ne sais pas si c'est le plus optimal mais ça fonctionne dans l'ensemble.
J'ai un peu galéré déjà pour avoir un semblant de résultat, vu les différentes méthodes présentées sur les forums/tutoriels et le côté débile dont j'ai pu faire preuve pour faire fonctionner ça. :D
Je dis que ça fonctionne dans l'ensemble car lorsque je cherche à masquer la checkbox, le label associé "Hello the World ?" reste affiché (ce que je ne souhaite pas, évidemment).
Je n'ai cependant aucune idée de comment je pourrais orienter ma recherche pour trouver une solution.
Merci d'avance,