jquery获取form表单input元素值的简单实例


Posted in Javascript onMay 30, 2016

一般取值方法

$("#id").val();

$("#id").attr("value"); 

//其中value是元素的属性名如<s:textfield  id="cifName" key="cifName"   name="#request.consBean.cifName" />的id,key,name属性。取到的值是属性后对应双引号里面的字符。

function saveConsumerValidate(){
     var cifNo =$("#cifNo").val(); //jquery获取文本框值方法1
     var cardType = $("#cardType").attr("value"); //jquery获取文本框值方法2
     var cardNo = document.getElementById("cardNo").value;//DOM获取值方法

val(),val(val)方法atttr(name),atttr(key,value)方法和value属性

在用$("#id")来获得页面的input元素的时候,发现$("#id").value不能取到值

$("#intro")是一个jquery的选择器结果是id="intro" 的第一个元素,而不是HTML DOM getElementById() 方法的document.getElement

value是HTML DOM Text对象的一个属性,设置或返回文本域的 value 属性的值。

val()是jquery的获得或设置元素的 DOM 属性的操作方法。

val()方法:获得第一个匹配元素的当前值

取值:$("#id").val();|$("element元素").val();/下同 

或者

$("#id")[0].value;

 

HTML 代码:
<input type="text" value="some text"/>
jQuery 代码:
$("input").val();

 val(val)方法:设置每一个匹配元素的值。

赋值:$("#id").val("new value");

 

或者

$("#id")[0].value = "new value";

HTML 代码:
<input type="text"/>
jQuery 代码:
$("input").val("hello world!");

attr(name)方法:取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性,则返回 undefined 。

取值:$("#id").attr("value");

HTML 代码:
<img src="test.jpg"/>
jQuery 代码:
$("img").attr("src");
结果:
test.jpg

attr(key,value)方法:为所有匹配的元素设置一个属性值。

赋值:$("#id").attr(attribute,value);

描述:
为所有图像设置src属性。

HTML 代码:
<img/> 
<img/>
jQuery 代码:
$("img").attr("src","test.jpg");
结果:
[ <img src= "test.jpg" /> , <img src= "test.jpg" /> ]

以上这篇jquery获取form表单input元素值的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
一些有关检查数据的JS代码
Sep 07 Javascript
javascript 获取浏览器版本
Jan 21 Javascript
JavaScript Function函数类型介绍
Apr 08 Javascript
JS实现环形进度条(从0到100%)效果
Jul 05 Javascript
form+iframe解决跨域上传文件的方法
Nov 18 Javascript
JavaScript捕捉事件和阻止冒泡事件实例分析
Aug 03 Javascript
ES6入门教程之变量的解构赋值详解
Apr 13 Javascript
js利用递归与promise 按顺序请求数据的方法
Aug 30 Javascript
微信小程序实现3D轮播图效果(非swiper组件)
Sep 21 Javascript
js实现单元格拖拽效果
Feb 10 Javascript
VUE实现Studio管理后台之鼠标拖放改变窗口大小
Mar 04 Javascript
原型和原型链 prototype和proto的区别详情
Nov 02 Javascript
实用又漂亮的BootstrapValidator表单验证插件
May 30 #Javascript
使用JQuery 加载页面时调用JS的实现方法
May 30 #Javascript
Bootstrap开关(switch)控件学习笔记分享
May 30 #Javascript
jquery获取复选框checkbox的值实现方法
May 30 #Javascript
JS在onclientclick里如何控制onclick的执行
May 30 #Javascript
JS获取复选框的值,并传递到后台的实现方法
May 30 #Javascript
值得分享的轻量级Bootstrap Table表格插件
May 30 #Javascript
You might like
PHP生成sitemap.xml地图函数
2013/11/13 PHP
PHP解密Unicode及Escape加密字符串
2015/05/17 PHP
PHP检测数据类型的几种方法(总结)
2017/03/04 PHP
php 使用curl模拟ip和来源进行访问的实现方法
2017/05/02 PHP
ThinkPHP3.2框架操作Redis的方法分析
2019/05/05 PHP
javascript 匿名函数的理解(透彻版)
2010/01/28 Javascript
JQuery里选择超链接的实现代码
2011/05/22 Javascript
浅析四种常见的Javascript声明循环变量的书写方式
2015/10/14 Javascript
详解javascript事件冒泡
2016/01/09 Javascript
js 中文汉字转Unicode、Unicode转中文汉字、ASCII转换Unicode、Unicode转换ASCII、中文转换
2016/12/06 Javascript
JavaScript无操作后屏保功能的实现方法
2017/07/04 Javascript
Angular4实现动态添加删除表单输入框功能
2017/08/11 Javascript
vue中keep-alive的用法及问题描述
2018/05/15 Javascript
详解JavaScript作用域和作用域链
2019/03/19 Javascript
Vue3.x源码调试的实现方法
2019/10/13 Javascript
微信小程序页面间传递数组对象方法解析
2019/11/06 Javascript
如何优雅地在Node应用中进行错误异常处理
2019/11/25 Javascript
JQuery常用选择器功能与用法实例分析
2019/12/23 jQuery
es6 for循环中let和var区别详解
2020/01/12 Javascript
原生js实现瀑布流效果
2020/03/09 Javascript
js实现简单五子棋游戏
2020/05/28 Javascript
JavaScript实现移动端拖动元素
2020/11/24 Javascript
[48:29]2018DOTA2亚洲邀请赛3月30日 小组赛A组 LGD VS KG
2018/03/31 DOTA
使用C语言来扩展Python程序和Zope服务器的教程
2015/04/14 Python
windows下Python实现将pdf文件转化为png格式图片的方法
2017/07/21 Python
python学习基础之循环import及import过程
2018/04/22 Python
Vue的el-scrollbar实现自定义滚动
2018/05/29 Python
利用Django-environ如何区分不同环境
2018/08/26 Python
pytorch方法测试详解——归一化(BatchNorm2d)
2020/01/15 Python
Python3中configparser模块读写ini文件并解析配置的用法详解
2020/02/18 Python
python 高阶函数简单介绍
2021/02/19 Python
Linux如何命名文件--使用文件名时应注意
2014/05/29 面试题
小学新学期教师寄语
2014/01/18 职场文书
文艺晚会策划方案
2014/06/11 职场文书
2015年党小组工作总结
2015/05/26 职场文书
sql通过日期判断年龄函数的示例代码
2021/07/16 SQL Server