Est-il possible avec javascript, et sans utiliser un framework tel un jquery, d'avoir un formulaire simple avec une liste de cases à cocher ou boutons radio, et si un particulier est sélectionné, développez pour voir plus loin cases à cocher/boutons radio?effondrement d'un formulaire avec javascript
Répondre
Oui, c'est possible, mais beaucoup plus de travail que de le faire avec un framework. Vous devrez écrire le code de traversée DOM pour trouver des éléments dans le formulaire, le code de liaison d'événements pour lier les fonctions aux événements pour les éléments de formulaire (ceci diffère entre IE et non IE), puis utiliser la propriété style.display pour sub -éléments à cacher ou à montrer.
Si vous cherchez à en savoir plus, Quirksmode.org a quelques-unes des meilleures explications de base Javascript que j'ai trouvé.
Tout ce que vous pouvez faire dans n'importe quel cadre, vous pouvez faire sans un cadre.
Dans de nombreux cas, les cadres facilitent le levage. Ce que vous voudrez probablement faire est juste avoir un gestionnaire d'événement onclick sur chaque case à cocher ou bouton radio, et quand on clique dessus, puis créer un nouveau div et le peupler avec les informations supplémentaires, ou, si cette information était déjà rempli et était juste caché en utilisant css, puis que le gestionnaire d'événements le rende visible.
Il y a plusieurs façons de faire ce que vous proposez, selon votre vision de l'utilisabilité.
Bien sûr, en utilisant les événements onChange et la manipulation de dom ... Vous pourriez également envisager d'écrire vos propres animations, mais vraiment pourquoi si tant de communautés ont fait le travail pour vous.
<input ... onclick="toggleDetails(this);" />
<div id='detailsView' style='display:none'gt;
content to display when checked
</div>
... script ...
function toggleDetails(chk) {
document.getelemantById('detailsView').style.display =
chk.checked ? "block" : "none";
}
En toute honnêteté cependant, en utilisant un cadre comme jQuery serait plus agréable à long terme.
- 1. visibilité: effondrement javascript
- 2. et les questions effondrement
- 3. Radpanelbar effondrement/étendre numéro
- 4. Remise à zéro un formulaire avec JavaScript
- 5. Correspondance des entrées de formulaire avec javascript?
- 6. appelant javascript d'un formulaire HTML
- 7. Soumettre des champs de saisie de formulaire ajoutés avec javascript
- 8. JavaScript sur le formulaire Envoyer
- 9. Le redimensionnement d'une fenêtre OpenGL provoque son effondrement
- 10. Générique pour remplir un formulaire en javascript
- 11. validation de formulaire javascript en ligne
- 12. Remplir un formulaire côté client [Javascript]
- 13. Table javascript comme manipulation de formulaire
- 14. jQuery/JavaScript Validation de formulaire de date
- 15. Javascript soumettant un formulaire dans une méthode
- 16. Contenu de formulaire dynamique avec Dojo (Zend_Dojo)
- 17. Formulaire de Zend Framework avec jquery
- 18. markitup wysiwyg avec un formulaire HTML standard
- 19. Aide Avec l'alerte JavaScript
- 20. Comment utiliser JavaScript pour développer un formulaire HTML?
- 21. Validation de formulaire multipage avec php
- 22. formulaire ne soumettant pas avec JS
- 23. TinyMCE avec formulaire Ajax dans ASP.NET MVC
- 24. Comment écrire "sur le formulaire submit complete" en utilisant javascript?
- 25. Mail php - erreurs avec formulaire
- 26. Utilisation d'un formulaire avec LINQ
- 27. Remplir un formulaire avec C#
- 28. Validation du formulaire avec ModelState
- 29. appelant une fonction javascript à partir d'un résultat de formulaire
- 30. formulaire ASP.NET Mémoire de HTML standard Soumettre et JavaScript Pas
La question est vraiment vague. La réponse est "oui" mais personne ne peut vous aider plus loin que cela sans plus d'informations. – annakata