jQuery实现根据类型自动显示和隐藏表单

前端之家收集整理的这篇文章主要介绍了jQuery实现根据类型自动显示和隐藏表单前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

jquery实现表单根据单选按钮进行字段的动画切换,昨天写的,感觉比起初学时写的js/jquery有了很大进步。。在最大化扩展性的情况下经可能使代码精简。

html

502_5@ 代码如下:
文章模版:

js

502_5@ 代码如下:
自动显示和隐藏表单 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;

以上所述就是本文的全部内容了,希望大家能够喜欢。

猜你在找的jQuery相关文章