开发者社区> 风来了> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

对jquery val 获取input 文本框值进行扩展

简介: 因项目需要,直接 以$(文本框name名称).value() 形式获取 或者 设置 其值,原jquery 自带不是很能满足需要,现在 进行扩展插件 fox.风来了 ;(function($,window,document,undefined){ $.fn.value = function(options) { var _select
+关注继续查看

因项目需要,直接 以$(文本框name名称).value() 形式获取 或者 设置 其值,原jquery 自带不是很能满足需要,现在 进行扩展插件

fox.风来了

;(function($,window,document,undefined){
        $.fn.value = function(options) {
                var _selector=this.selector,$this=$(_selector),val;
                if($this.length<=0){
                        var first = _selector.substr(0,1);
                        if("#" === first || "." === first){
                                $this = $(_selector);
                        } else {
                                $this = $("[name='" + _selector + "']");
                        }
                }
                if(options===undefined){
                        if($this.eq(0).is(":radio")) { //单选按钮
                                val =$this.filter(":checked").val();
                        } else if($this.eq(0).is(":checkbox")) { //复选框
                                val='';
                                $this.filter(":checked").each(function(i){
                                        val+=(i==0?'':',')+$(this).val()
                                });
                        } else {
                                val = $this.val();
                        }
                        //判断是否是数值文本框
                        if($this.attr('type')=='number'){
                                if(isNaN(val)){
                                        val=0;
                                }else if(val==''){
                                        val=0;
                                }
                        }
                }else{
                        //判断是否是数值文本框
                        if($this.eq(0).is(":radio")) {
                                $this.filter("[value='" + options + "']").each(function () {
                                        this.checked = true
                                });
                                return true;
                        }else if($this.eq(0).is(":checkbox")){
                                if(!$.isArray(options)&&options&&options.indexOf(',')>0){
                                        $this.val(options.split(','));
                                }
                                return true;
                        }else{
                                $this.val(options);
                        }
                        return true;
                }
                return val;
        }
})(jQuery,window,document);

使用方法
1.获取值
   $('test').value()
   页面中有 test 文本框时就获取该值

2.设置值
$('test').value('内容')


支持,type=text,radio,checkbox,textarea,select

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
20款美化网站的 jQuery Lightbox 灯箱插件
  jQuery Lightbox 灯箱插件可以让你为您的网站和应用程序展示优雅的图像,视频 和其它内容(使用模式窗口)。如果你是一个开发人员,你必须拥有 jQuery 灯箱插件集合,因为有一部分的客户会要求他们的网站看起来更有吸引力和视觉冲击力。
1533 0
Flexslider - 响应式的 jQuery 内容滚动插件
  FlexSlider 是一款轻量的响应式 jQuery 内容滚动插件,能够帮助你在项目轻松的创建漂亮的内容滚动效果。这款插件曾经连续多年入选 WDL 的年度最佳 jQuery 插件,值得大家在网站开发中试试。
949 0
FancyBox - 经典的 jQuery Lightbox 插件
  FancyBox 是一款非常优秀的弹窗插件,能够为图片、HTML 内容和其它任务的多媒体内容提供优雅的弹出缩放效果。作为是最流行的 Lightbox 插件之一,可以通过 fitToView 实现自适应功能。
844 0
Infinite Scroll - jQuery & WP 无限滚动插件
  无限滚动(Infinite Scroll)也称为自动分页、滚动分页和无限分页。常用在图片、文章或其它列表形式的网页中,用来在滚动网页的时候自动加载下一页的内容。Infinite Scroll  这款 jQuery & WordPress 无限滚动插件可以帮助你轻松实现这个效果。
955 0
jQuery验证插件
原文:jQuery验证插件 学习要点: 1.使用 validate.js 插件 2.默认验证规则 3.validate()方法和选项 4.validate.js 其他功能     验证插件(validate.js),是一款验证常规表单数据合法性的插件。
1126 0
10 个非常酷的基于jQuery的菜单效果插件
除了直观的界面效果外,炫酷的网站导航菜单或右键菜单也能为访问者带来眼前一亮的感觉。本文为你带来10个非常酷的基于jQuery的菜单效果插件。 1.  右击菜单 一个创建右击菜单的插件,简洁且易用。  源码/演示 2.  jQuery多级菜单——FX CSS菜单与子菜单 使用CSS创建菜单,使用JavaScript展示效果。
958 0
40款非常有用的 jQuery 插件推荐(系列一)
  jQuery 是一个非常优秀的 JavaScript 框架,在现在的 Web 开发项目中扮演着重要角色。jQuery 使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入一些非常好的效果,让网站有更好的可用性和用户体验。
1116 0
8 个高可用的 jQuery 表单验证插件
1) A Jquery Inline Form Validation   2) Jquery Contact Form validation   3) Form Validation Using Jquery   4) Using Jquery and Aj...
663 0
+关注
文章
问答
文章排行榜
最热
最新
相关课程
更多
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载