Maison > interface Web > js tutoriel > jQuery implémente l'affichage et le masquage automatiques des formulaires selon type_jquery

jQuery implémente l'affichage et le masquage automatiques des formulaires selon type_jquery

WBOY
Libérer: 2016-05-16 16:08:39
original
1302 Les gens l'ont consulté

jquery implémente le changement d'animation de formulaire basé sur des boutons radio. Je l'ai écrit hier. Je pense qu'il a fait beaucoup de progrès par rapport au js/jquery que j'ai écrit lorsque j'ai commencé à apprendre. . Il est possible de rationaliser le code tout en maximisant l'évolutivité.

html

Copier le code Le code est le suivant :


                   
                   

                   

                   
               

               

                   
                   

                       
                   

                   
               

               

                   
                   

                       
                   

                   
               

               
                js

Copier le code Le code est le suivant :
//Afficher et masquer automatiquement les formulaires en fonction du type
            var input_type=$('input[name=type]');
               fonction typeChangeHandle(){
            var ctypes=$('.ctype');
              var type=$(this).val();
              var hideCtypes=ctypes.filter(':not(.ctype' type ')').slideUp(500,function () {
$(type '.ctype').slideDown(500);
                });
            }
             typeChangeHandle.apply(input_type);
​​​​​​ input_type.on('change',typeChangeHandle);
                input_type=null;

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal