Rumah > hujung hadapan web > tutorial js > jQuery melaksanakan paparan automatik dan menyembunyikan borang mengikut type_jquery

jQuery melaksanakan paparan automatik dan menyembunyikan borang mengikut type_jquery

WBOY
Lepaskan: 2016-05-16 16:08:39
asal
1302 orang telah melayarinya

jquery melaksanakan pensuisan animasi borang berdasarkan butang radio yang saya tulis semalam, saya rasa ia telah membuat banyak kemajuan berbanding dengan js/jquery yang saya tulis semasa mula belajar. . Ia adalah mungkin untuk menyelaraskan kod sambil memaksimumkan kebolehskalaan.

html

Salin kod Kod adalah seperti berikut:


                   
                   

                   

                   
               

               

                   
                   

                       
                   

                   
               

               

                   
                   

                       
                   

                   
               

               
                js

Salin kod Kod adalah seperti berikut:
// Tunjukkan dan sembunyikan borang secara automatik berdasarkan jenis
            var input_type=$('input[name=type]');
               jenis fungsiChangeHandle(){
            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;

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan