对jquery val 获取input 文本框值进行扩展
2015-11-06 14:08
525 查看
因项目需要,直接 以$(文本框name名称).value() 形式获取 或者 设置 其值,原jquery 自带不是很能满足需要,现在 进行扩展插件
fox.风来了
使用方法
1.获取值
$('test').value()
页面中有 test 文本框时就获取该值
2.设置值
$('test').value('内容')
支持,type=text,radio,checkbox,textarea,select
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
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Extjs4.0 最新最全视频教程
- Javascript中toFixed方法的改进
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- 5个常见可用性错误和解决方案
- jQuery Ajax 跨域调用
- 移动端的长按事件
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- jQuery菜单插件用法实例
- JQuery 初体验(建议学习jquery)
- Jquery实现的table最后一行添加样式的代码
- jQuery实现向下滑出的平滑下拉菜单效果
- jQuery 练习[一] 学习jquery的准备工作
- jquery获得页面元素的坐标值实现思路及代码
- 使用Browserify配合jQuery进行编程的超级指南
- jquery如何实现在加载完iframe的内容后再进行操作
- jquery $.ajax()取xml数据的小问题解决方法
- jQuery '行 4954 错误: 不支持该属性或方法' 的问题解决方法