Heim > Web-Frontend > js-Tutorial > jQuery implementiert das automatische Anzeigen und Ausblenden von Formularen gemäß type_jquery

jQuery implementiert das automatische Anzeigen und Ausblenden von Formularen gemäß type_jquery

WBOY
Freigeben: 2016-05-16 16:08:39
Original
1304 Leute haben es durchsucht

jquery implementiert das Umschalten von Formularanimationen auf der Grundlage von Optionsfeldern. Ich habe das Gefühl, dass es im Vergleich zu js/jquery, das ich zum ersten Mal geschrieben habe, große Fortschritte gemacht hat. . Es ist möglich, den Code zu rationalisieren und gleichzeitig die Skalierbarkeit zu maximieren.

html

Code kopieren Der Code lautet wie folgt:


                   
                   

                   

                   
               

               

                   
                   

                       
                   

                   
               

               

                   
                   

                       
                   

                   
               

               
                js

Code kopieren Der Code lautet wie folgt:
//Formulare basierend auf Typ
automatisch ein- und ausblenden             var input_type=$('input[name=type]');
               function typeChangeHandle(){
            var ctypes=$('.ctype');
              var type=$(this).val();
              var hideCtypes=ctypes.filter(':not(.ctype' type ')').slideUp(500,function () {
$('.ctype' type).slideDown(500);
                });
            }
             typeChangeHandle.apply(input_type);
​​​​​​ input_type.on('change',typeChangeHandle);
                input_type=null;

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage