jQuery 处理表单元素的代码


Posted in Javascript onFebruary 15, 2010

1.获取input类的值: $("input").val();

2.获取textarea类的值: $("textarea").val();

3.获取select类的值:$("select").val();

当表单上含有多个input类(或者textarea类和select类),使用上述方法得到的将是一个数组。当然,你可以给这些控件加上ID,从而对某个特定的控件取值,例如:$("input#myID").val()。

下面将对每一种控件的取值方法做一一介绍:

1. input type="text" 单行文本输入框和input type="password" 密码输入框

$("input").val();2. input type="radio" 单选框

$("input:checked").val(); //使用checked,取被选中的单选框的值3. input type="checkbox" 复选框 (值得注意)

$("input:checked").each(function(index){
$("#result").append($(this).val() + " ");
});
//因为复选框的选择结果通常大于1,所以得到的结果是数组。
//使用.each()方法,可以把选择的值一一取出。
//这里结果将被加入(append)到ID为"result"的段落里4. input type="submit" (表单提交按钮)

取值方法和单行文本输入框的取法相同,但没有什么实际意义。

5. textArea 多行文本输入框

$("textarea").val();6. select 下拉框 (单选和多选)

$("select").val();
//注意:如果是复选,那么得到的结果是用逗号分格的字符串,例如:"选择一,选择二”。注意:

对表单元素取值,通常是发生在表单别递交后,在jQuery我们可以用下面的语句进行判断:
$("form").submit(function(){
$("input").val();
});对表单元素设值,只要把要设置的值作为传递参数即可,例如:$("input").val("3water.com");

Javascript 相关文章推荐
jquery星级插件、支持页面中多次使用
Mar 25 Javascript
javascript实现淘宝幻灯片广告展示效果
Apr 27 Javascript
javascript表达式和运算符详解
Feb 07 Javascript
bootstrap fileinput实现文件上传功能
Aug 23 Javascript
JavaScript判断输入是否为数字类型的方法总结
Sep 28 Javascript
无限循环轮播图之运动框架(原生JS实现)
Oct 01 Javascript
利用HBuilder打包前端开发webapp为apk的方法
Nov 13 Javascript
基于Bootstrap实现城市三级联动
Nov 23 Javascript
如何使用proxy实现一个简单完整的MVVM库的示例代码
Sep 17 Javascript
vue中实现回车键登录功能
Feb 19 Javascript
vue中使用v-for时为什么不能用index作为key
Apr 04 Javascript
jquery.validate自定义验证用法实例分析【成功提示与择要提示】
Jun 06 jQuery
jQuery 树形结构的选择器
Feb 15 #Javascript
jQuery 处理网页内容的实现代码
Feb 15 #Javascript
JS getMonth()日期函数的值域是0-11
Feb 15 #Javascript
不同浏览器对回车提交表单的处理办法
Feb 13 #Javascript
Jquery iframe内部出滚动条
Feb 11 #Javascript
jquery 问答知识整理
Feb 11 #Javascript
改善你的jQuery的25个步骤 千倍级效率提升
Feb 11 #Javascript
You might like
php 判断字符串中是否包含html标签
2014/02/17 PHP
Zend Framework教程之模型Model基本规则和使用方法
2016/03/04 PHP
PHP中十六进制颜色与RGB颜色值互转的方法
2019/03/18 PHP
Javascript & DHTML 实例编程(教程)(三)初级实例篇1—上传文件控件实例
2007/06/02 Javascript
fix-ie5.js扩展在IE5下不能使用的几个方法
2007/08/20 Javascript
Javascript表格翻页效果实现思路及代码
2013/08/23 Javascript
Jquery 数组操作大全个人总结
2013/11/13 Javascript
jquery 检测元素是否存在的实例代码
2013/11/19 Javascript
在jquery boxy中添加百度地图坐标拾取注意流程
2014/04/03 Javascript
JavaScript实现的石头剪刀布游戏源码分享
2014/08/22 Javascript
JavaScript拆分字符串时产生空字符的解决方案
2014/09/26 Javascript
微信小程序开发之Tabbar实例详解
2017/01/09 Javascript
jQuery 实时保存页面动态添加的数据的示例
2017/08/14 jQuery
常用的9个JavaScript图表库详解
2017/12/19 Javascript
vue写一个组件
2018/04/09 Javascript
vue使用原生js实现滚动页面跟踪导航高亮的示例代码
2018/10/25 Javascript
微信小程序使用swiper组件实现层叠轮播图
2018/11/04 Javascript
javascript实现商品图片放大镜
2019/11/28 Javascript
js实现鼠标拖曳效果
2020/12/30 Javascript
介绍Python的@property装饰器的用法
2015/04/28 Python
Python中的with语句与上下文管理器学习总结
2016/06/28 Python
python使用mysql的两种使用方式
2018/03/07 Python
python读取几个G的csv文件方法
2019/01/07 Python
对python中词典的values值的修改或新增KEY详解
2019/01/20 Python
dataframe 按条件替换某一列中的值方法
2019/01/29 Python
新年快乐! python实现绚烂的烟花绽放效果
2019/01/30 Python
查看端口并杀进程python脚本代码
2019/12/17 Python
python 实现全球IP归属地查询工具
2020/12/18 Python
css3实现图片遮罩效果鼠标hover以后出现文字
2013/11/05 HTML / CSS
关键字final的用法
2013/10/02 面试题
市三好学生主要事迹
2014/01/28 职场文书
商务日语专业毕业生自荐信
2014/03/27 职场文书
市场开发计划书
2014/05/07 职场文书
跑吧孩子观后感
2015/06/10 职场文书
人身损害赔偿协议书
2016/03/22 职场文书
导游词之永泰公主墓
2019/12/04 职场文书