作家
登录

jQuery 处理表单元素的代码

作者: 来源:www.28hudong.com 2013-03-30 01:51:47 阅读 我要评论

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("jb51.net");

  推荐阅读

  JavaScript DOM学习第一章 W3C DOM简介

在这一章我主要介绍已经被新一代的浏览器所支持的W3C 第一级的DOM。对他的运作做一个大概的了解并且让你知道你可以对他们做什么。 首先是对于DOM的一些建议和DOM设计的目的,然后我会告诉你什么是节点(nodes)并且>>>详细阅读


本文标题:jQuery 处理表单元素的代码

地址:http://www.17bianji.com/kaifa2/JS/27056.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)