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 相关文章推荐
javascript 装载iframe子页面,自适应高度
Mar 20 Javascript
jQuery选择器的工作原理和优化分析
Jul 25 Javascript
readonly和disabled属性的区别
Jul 26 Javascript
Node.js服务器环境下使用Mock.js拦截AJAX请求的教程
May 23 Javascript
Jquery实现select multiple左右添加和删除功能的简单实例
May 26 Javascript
jQuery文字横向滚动效果的实现代码
May 31 Javascript
jquery.validate[.unobtrusive]和Bootstrap实现tooltip错误提示问题分析
Oct 30 Javascript
vue分类筛选filter方法简单实例
Mar 30 Javascript
layui弹出层效果实现代码
May 19 Javascript
js图片轮播插件的封装
Jul 21 Javascript
EasyUI Tree树组件无限循环的解决方法
Sep 27 Javascript
vue多页面开发和打包正确处理方法
Apr 20 Javascript
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
杏林同学录(五)
2006/10/09 PHP
第十一节--重载
2006/11/16 PHP
php 时间计算问题小结
2009/01/04 PHP
如何使用php判断所处服务器操作系统的类型
2013/06/20 PHP
PHP中把对象转换为关联数组代码分享
2015/04/09 PHP
ajax更新数据后,jquery、jq失效问题
2011/03/16 Javascript
解决Extjs上传图片无法预览的解决方法
2012/03/22 Javascript
js监听键盘事件示例代码
2013/07/26 Javascript
jQuery 鼠标经过(hover)事件的延时处理示例
2014/04/14 Javascript
IE6-8中Date不支持toISOString的修复方法
2014/05/04 Javascript
select多选 multiple的使用示例
2014/06/16 Javascript
jquery 实现两Select 标签项互调示例代码
2014/09/25 Javascript
jQuery元素的隐藏与显示实例
2015/01/20 Javascript
JavaScript内存管理介绍
2015/03/13 Javascript
JS实现状态栏跑马灯文字效果代码
2015/10/24 Javascript
EasyUi combotree 实现动态加载树节点
2016/04/01 Javascript
微信小程序App生命周期详解
2018/01/31 Javascript
如何基于jQuery实现五角星评分
2020/09/02 jQuery
[49:18]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 OG vs TNC
2018/04/01 DOTA
Python中几种导入模块的方式总结
2017/04/27 Python
Python使用functools实现注解同步方法
2018/02/06 Python
python读取xlsx的方法
2018/12/25 Python
python批量修改文件夹及其子文件夹下的文件内容
2019/03/15 Python
python3 实现口罩抽签的功能
2020/03/11 Python
如何将PySpark导入Python的放实现(2种)
2020/04/26 Python
tensorflow 2.1.0 安装与实战教程(CASIA FACE v5)
2020/06/30 Python
猫咪家具:CatsPlay
2018/11/03 全球购物
Solid & Striped官网:美国泳装品牌
2019/06/19 全球购物
入党申请书自我鉴定
2013/10/12 职场文书
个人素质的自我评价分享
2013/12/16 职场文书
大学生创业计划书的范文
2014/01/07 职场文书
淘宝客服工作职责
2014/07/11 职场文书
工资证明格式模板
2015/06/12 职场文书
家庭贫困证明
2015/06/16 职场文书
2016年小学六一儿童节活动总结
2016/04/06 职场文书
小学作文之描写天气
2019/08/15 职场文书