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 相关文章推荐
无阻塞加载脚本分析[全]
Jan 20 Javascript
jquery禁用右键示例
Apr 28 Javascript
javascript 面向对象封装与继承
Nov 27 Javascript
JavaScript实现获取dom中class的方法
Feb 09 Javascript
HTML5 JS压缩图片并获取图片BASE64编码上传
Nov 16 Javascript
jQuery与js实现颜色渐变的方法
Dec 30 Javascript
基于jQuery实现一个marquee无缝滚动的插件
Mar 09 Javascript
node.js+express+mySQL+ejs+bootstrop实现网站登录注册功能
Jan 12 Javascript
微信小程序wepy框架笔记小结
Aug 08 Javascript
快速搭建Node.js(Express)用户注册、登录以及授权的方法
May 09 Javascript
Angular6使用forRoot() 注册单一实例服务问题
Aug 27 Javascript
利用node.js开发cli的完整步骤
Dec 29 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
一个捕获函数输出的函数
2007/02/14 PHP
PHP5.3.1 不再支持ISAPI
2010/01/08 PHP
PHP中通过加号合并数组的一个简单方法分享
2011/01/27 PHP
php中利用explode函数分割字符串到数组
2014/02/08 PHP
php使用cookie保存用户登录的用户名实例
2015/01/26 PHP
POST一个JSON格式的数据给Restful服务实例详解
2017/04/07 PHP
PHP面向对象程序设计之接口的继承定义与用法详解
2018/12/20 PHP
JavaScript表单常用验证集合
2008/01/16 Javascript
javascript将相对路径转绝对路径示例
2014/03/14 Javascript
js实现右下角提示框的方法
2015/02/03 Javascript
moment.js轻松实现获取当前日期是当年的第几周
2015/02/05 Javascript
BootStrap与Select2使用小结
2017/02/17 Javascript
Bootstrap组件之下拉菜单,多级菜单及按钮布局方法实例
2017/05/25 Javascript
Require.JS中的几种define定义方式示例
2017/06/01 Javascript
详解ng-alain动态表单SF表单项设置必填和正则校验
2019/06/11 Javascript
微信小程序scroll-view隐藏滚动条的方法详解
2020/03/25 Javascript
vue+vuex+axios从后台获取数据存入vuex,组件之间共享数据操作
2020/07/31 Javascript
Python读写ini文件的方法
2015/05/28 Python
Python捕捉和模拟鼠标事件的方法
2015/06/03 Python
Python yield 使用方法浅析
2017/05/20 Python
浅谈pandas中DataFrame关于显示值省略的解决方法
2018/04/08 Python
python实现批量解析邮件并下载附件
2018/06/19 Python
使用pandas模块读取csv文件和excel表格,并用matplotlib画图的方法
2018/06/22 Python
把csv文件转化为数组及数组的切片方法
2018/07/04 Python
python list格式数据excel导出方法
2018/10/31 Python
python 将有序数组转换为二叉树的方法
2019/03/26 Python
python数据归一化及三种方法详解
2019/08/06 Python
Django模板语言 Tags使用详解
2019/09/09 Python
python 实现方阵的对角线遍历示例
2019/11/29 Python
Python中pyecharts安装及安装失败的解决方法
2020/02/18 Python
TensorFlow实现模型断点训练,checkpoint模型载入方式
2020/05/26 Python
python os.rename实例用法详解
2020/12/06 Python
FitFlop美国官网:英国符合人体工学的鞋类品牌
2018/10/05 全球购物
机电一体化专业应届生求职信
2013/11/27 职场文书
党风廉政建设心得体会(2016最新版)
2016/01/22 职场文书
MySQL之MyISAM存储引擎的非聚簇索引详解
2022/03/03 MySQL