Je travaille sur un formulaire pour un client et il m'a confié la tâche de créer un effet show/hide lorsque certaines cases sont cochées.Comment cacher/afficher du contenu lorsque la case est cochée/décochée?
4
A
Répondre
4
Cette fonction devrait le faire:
$("#yourCheckboxID").click(function()
{
if ($("#yourCheckboxID").attr("checked"))
{
$("#yourDivID").show();
}
else
{
$("#yourDivID").hide();
}
});
Il cacher ou montrer une div
spécifique basée sur une checkbox
. Je ne savais pas exactement ce que vous essayiez de cacher ou de montrer, donc j'ai juste supposé un div
.
2
$("#checkboxID").change(function() { $("#targetToHideAndShow").toggle() });
+1
Cela a l'inconvénient que, lors du chargement de la page, '# targetToHideAndShow' sera toujours affiché, non masqué. – smci
Questions connexes
- 1. Cacher/Afficher le contenu lorsque la case est cochée?
- 2. Comment désactiver le bouton lorsque la case est cochée.vbscript
- 3. Modifier la hauteur lorsque la case est cochée?
- 4. jQuery: soumettre un formulaire lorsque la case est cochée
- 5. Soumettre le formulaire lorsque la case est cochée - tutoriel
- 6. Affichage du contenu uniquement lorsque ListViewItem est sélectionné
- 7. Sélection automatique du bouton radio lorsque la case est cochée jquery
- 8. jqGrid avec multiselect activé, comment désactiver la case à cocher vérification lorsque la ligne est sélectionnée
- 9. MySQL CASE "Else Case When" est en cours d'exécution lorsque la condition est vraie - qu'est-ce qui me manque?
- 10. Qu'est-ce qu'une simple méthode jquery pour sélectionner une radio lorsque la case est cochée, puis désélectionner la radio lorsque la case n'est pas cochée?
- 11. Affichage du contenu dans le bon div lorsque la page Web est chargée
- 12. Lorsque la sensibilisation du processeur est nécessaire?
- 13. Comment ajouter une nouvelle balise div lorsque la case est cochée avec jquery
- 14. Comment activer le bouton lorsque la case est cochée dans jQuery?
- 15. Mootools: comment interdire l'événement `mouseenter` et` mouseleave` lorsque la case est cochée?
- 16. Comment puis-je CheckOnClick dans une CheckedListbox, mais uniquement lorsque la case est cochée?
- 17. La case à cocher DataGridView ne s'affiche pas lorsque la taille de la police est grande
- 18. Modification de la taille du contenu HorizontalScrollView lorsque le téléphone est tourné en surchargeant onConfigurationChanged
- 19. Qu'est-ce que la commande Caliburn ne fonctionne pas lorsque le contenu du bouton est modifié?
- 20. Qt: case à cocher & QItemDelegate - ne pas cocher la case lorsque la sélection se produit
- 21. contenu à une liste annexant en utilisant la case
- 22. Arrêt d'une TranslateTransform lorsque la case n'est pas cochée
- 23. Ajouter dynamiquement Textbox à la fenêtre lorsque la case à cocher est cochée
- 24. C# logique pour implémenter la boucle foreach lorsque la case à cocher est cochée
- 25. Définition de la case à cocher entrée lorsque la valeur spécifique est variable dans jquery
- 26. Enregistrer le contenu téléchargé lorsque l'achat est terminé
- 27. Pourquoi onchange sur une case à cocher n'est pas déclenché lorsque la case à cocher est modifiée indirectement
- 28. MSAccess'03 VBA - Le contenu de la zone de texte est surligné lorsque le mouvement du curseur est UNdesiré
- 29. Wordpress ping automatiquement lorsque le contenu est consulté
- 30. Comment obtenir la taille du contenu WebView
Cela a fonctionné parfaitement. Merci beaucoup. – Ozzy