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简化JavaScript开发分析
Feb 19 Javascript
jquery 锁定弹出层实现代码
Feb 23 Javascript
jquery checkbox,radio是否选中的判断代码
Mar 20 Javascript
基于JavaScript实现一定时间后去执行一个函数
Dec 14 Javascript
AngularJS基于provider实现全局变量的读取和赋值方法
Jun 28 Javascript
基于vue 开发中出现警告问题去除方法
Jan 25 Javascript
关于单文件组件.vue的使用
Sep 20 Javascript
微信小程序实现获取小程序码和二维码java接口开发
Mar 29 Javascript
基于mpvue小程序使用echarts画折线图的方法示例
Apr 24 Javascript
vue实现中部导航栏布局功能
Jul 30 Javascript
解决Vue中使用keepAlive不缓存问题
Aug 04 Javascript
React冒泡和阻止冒泡的应用详解
Aug 18 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
escape unescape的php下的实现方法
2007/04/27 PHP
PHP+Mysql+Ajax+JS实现省市区三级联动
2014/05/23 PHP
php出现内存位置访问无效错误问题解决方法
2014/08/16 PHP
WordPress中调试缩略图的相关PHP函数使用解析
2016/01/07 PHP
php自定义函数实现二维数组按指定key排序的方法
2016/09/29 PHP
Laravel 解决419错误 -ajax请求错误的问题(CSRF验证)
2019/10/25 PHP
jWiard 基于JQuery的强大的向导控件介绍
2011/10/28 Javascript
javascript+xml实现简单图片轮换(只支持IE)
2012/12/23 Javascript
js获取图片宽高的方法
2015/11/25 Javascript
JS事件添加和移出的兼容写法示例
2016/06/20 Javascript
详解win7 cmd执行vue不是内部命令的解决方法
2017/07/27 Javascript
vue全局组件与局部组件使用方法详解
2018/03/29 Javascript
基于vue-element组件实现音乐播放器功能
2018/05/06 Javascript
vue多级复杂列表展开/折叠及全选/分组全选实现
2018/11/05 Javascript
微信小程序顶部导航栏滑动tab效果
2019/01/28 Javascript
layui 地区三级联动 form select 渲染的实例
2019/09/27 Javascript
Node.js Domain 模块实例详解
2020/03/18 Javascript
JavaScript数组类型Array相关的属性与方法详解
2020/09/08 Javascript
Vue+Openlayers自定义轨迹动画
2020/09/24 Javascript
PYTHON正则表达式 re模块使用说明
2011/05/19 Python
详解Python编程中包的概念与管理
2015/10/16 Python
Python贪吃蛇游戏编写代码
2020/10/26 Python
Pyqt5 关于流式布局和滚动条的综合使用示例代码
2020/03/24 Python
详解Python中@staticmethod和@classmethod区别及使用示例代码
2020/12/14 Python
详解matplotlib绘图样式(style)初探
2021/02/03 Python
Pat McGrath Labs官网:世界上最有影响力的化妆师推出的彩妆品牌
2018/01/07 全球购物
大学生优秀自荐信范文
2014/02/25 职场文书
绿色家庭事迹材料
2014/05/01 职场文书
宣传活动总结范文
2014/07/01 职场文书
三好生演讲稿
2014/09/12 职场文书
再婚婚前财产协议书范本
2014/10/19 职场文书
幼师求职自荐信
2015/03/26 职场文书
班主任培训研修日志
2015/11/13 职场文书
大学学生会竞选稿
2015/11/19 职场文书
浅谈Mysql多表连接查询的执行细节
2021/04/24 MySQL
MySQL 不等于的三种使用及区别
2021/06/03 MySQL