Checkbox coche affichage div
antitaniom
-
antitaniom -
antitaniom -
Bonjour,
j'ai sur une page un dessin sur lequel j'ai des calques div qui représentent un chacun un point.
A cote j'ai un formulaire avec des balises:
<form name="form">
<input type="checkbox" name="x[]" value="1"> x1
<input type="checkbox" name="x[]" value="2"> x2
</form>
Je n'arrive pas a coder le script pour que si l'on selectionne x1, le calque x1 du dessin s'affiche, et que si on decoche la case, il disparaisse.
Je sais que ce n'est pas tres compliqué, mais je suis plus fort en php qu'en javascript !
Quelqu'un peu m'aider... Merci
j'ai sur une page un dessin sur lequel j'ai des calques div qui représentent un chacun un point.
A cote j'ai un formulaire avec des balises:
<form name="form">
<input type="checkbox" name="x[]" value="1"> x1
<input type="checkbox" name="x[]" value="2"> x2
</form>
Je n'arrive pas a coder le script pour que si l'on selectionne x1, le calque x1 du dessin s'affiche, et que si on decoche la case, il disparaisse.
Je sais que ce n'est pas tres compliqué, mais je suis plus fort en php qu'en javascript !
Quelqu'un peu m'aider... Merci
Configuration: Windows XP Firefox 2.0.0.12
A voir également:
- Checkbox coche affichage div
- Affichage double ecran - Guide
- Windows 11 affichage classique - Guide
- Affichage heure freebox révolution - Forum Freebox
- Problème affichage photo messenger - Forum Facebook Messenger
- Multi affichage - Télécharger - Outils professionnels
2 réponses
<input type="checkbox" name="x[]" value="1" onclick="montrerCalque(this);"> x1
<input type="checkbox" name="x[]" value="2" onclick="montrerCalque(this);"> x2
function montrerCalque(checkbox)
{
if(checkbox.checked == true)
{
document.getElementById("dessin_" + checkbox.value).style.visibility = visible;
}
else
{
document.getElementById("dessin_" + checkbox.value).style.visibility = hidden;
}
}
Pour completer mon message, ca fonctionne si j'ecris:
<input type="checkbox" id="teteg" value="1" onClick="if (this.checked) { document.getElementById(id).style.display='' } else { document.getElementById(id).style.display='none' };">teteg
mais j'aimerai avoir une fonction simple a utiliser...
Merci
<input type="checkbox" id="teteg" value="1" onClick="if (this.checked) { document.getElementById(id).style.display='' } else { document.getElementById(id).style.display='none' };">teteg
mais j'aimerai avoir une fonction simple a utiliser...
Merci