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 相关文章推荐
js textarea自动增高并隐藏滚动条
Dec 16 Javascript
JavaScript入门之对象与JSON详解
Oct 21 Javascript
jQuery中append()方法用法实例
Jan 08 Javascript
jquery实现根据浏览器窗口大小自动缩放图片的方法
Jul 17 Javascript
jQuery插件Validate实现自定义校验结果样式
Jan 18 Javascript
BootStrap Progressbar 实现大文件上传的进度条的实例代码
Jun 27 Javascript
Vue.js每天必学之过滤器与自定义过滤器
Sep 07 Javascript
Vue中添加过渡效果的方法
Mar 16 Javascript
关于webpack2和模块打包的新手指南(小结)
Aug 07 Javascript
在vue项目中使用Nprogress.js进度条的方法
Jan 31 Javascript
解决vue-pdf查看pdf文件及打印乱码的问题
Nov 04 Javascript
vue3弹出层V3Popup实例详解
Jan 04 Vue.js
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实现的下载远程图片自定义函数分享
2015/01/28 PHP
Symfony2安装的方法(2种方法)
2016/02/04 PHP
php微信公众平台开发(四)回复功能开发
2016/12/06 PHP
Laravel 微信小程序后端搭建步骤详解
2019/11/26 PHP
jQuery自定义事件的简单实现代码
2014/01/27 Javascript
javascript中Math.random()使用详解
2015/04/15 Javascript
基于Javascript实现弹出页面效果
2016/01/01 Javascript
JavaScript中const、var和let区别浅析
2016/10/11 Javascript
js, jQuery实现全选、反选功能
2017/03/08 Javascript
神级程序员JavaScript300行代码搞定汉字转拼音
2017/05/20 Javascript
原生JS实现自定义滚动条效果
2020/10/27 Javascript
mui 打开新窗口的方式总结及注意事项
2017/08/20 Javascript
BootStrap数据表格实例代码
2017/09/13 Javascript
JS运动特效之完美运动框架实例分析
2018/01/24 Javascript
vue-cli开发时,关于ajax跨域的解决方法(推荐)
2018/02/03 Javascript
vue cli安装使用less的教程详解
2019/07/12 Javascript
小程序实现分类页
2019/07/12 Javascript
详解Vue中CSS样式穿透问题
2019/09/12 Javascript
element el-tree组件的动态加载、新增、更新节点的实现
2020/02/27 Javascript
Python过滤列表用法实例分析
2016/04/29 Python
基于python的七种经典排序算法(推荐)
2016/12/08 Python
Python 基于wxpy库实现微信添加好友功能(简洁)
2019/11/29 Python
Python读取excel文件中带公式的值的实现
2020/04/17 Python
python如何将图片转换素描画
2020/09/08 Python
弄清Pytorch显存的分配机制
2020/12/10 Python
PyQt5通过信号实现MVC的示例
2021/02/06 Python
加拿大时装零售商:Influence U
2018/12/22 全球购物
美国领先的男士和女士内衣购物网站:Freshpair
2019/02/25 全球购物
英国Flybe航空官网:欧洲最大的独立支线廉价航空公司
2019/07/15 全球购物
JAVA招聘远程笔试题
2015/07/23 面试题
数控专业推荐信范文
2013/12/02 职场文书
劳模事迹材料范文
2014/12/24 职场文书
工作检讨书怎么写
2015/01/23 职场文书
抢劫罪辩护词
2015/05/21 职场文书
2015年公司中秋节致辞
2015/07/31 职场文书
2016暑期社会实践新闻稿
2015/11/25 职场文书