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
A voir également:
- Checkbox coche affichage div
- Affichage double ecran - Guide
- Windows 11 affichage classique - Guide
- Div c++ - Télécharger - Langages
- Problème affichage fenêtre windows 10 - Guide
- Problème affichage page internet google chrome ✓ - Forum Google Chrome
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
