jQuery根据表单name获取值的方法


Posted in Javascript onMay 24, 2016

本文实例讲述了jQuery根据表单name获取值的方法。分享给大家供大家参考,具体如下:

根据name取值:

$("input[name='mobile']").val()

根据id取值:

$("#mobile_reg_form").html()

根据name取值遍历:

$("input[name='mobile']").each(
function(){
alert($(this).val());
}
)

取出form中的input:

<script type="text/javascript" language="JavaScript" charset="UTF-8">
$(document).ready(function(){
var a=$("form input");
$.each(
  a,
function(name,object){
alert(name+":"+$(object).val());
}
);
});
</script>

得到值(多个的情况):

$("input[name='mobile']")[0].value
$("input[name='mobile']").get(1).value

jquery添加删除样式

给一个标签添加样式:

$("#id").addClass("style");

删除一个标签的样式:

$("#id").removeClass("style");

注:"#id"  id是对应标签的id,style是对应css样式的名称

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
Jquery cookie操作代码
Mar 14 Javascript
javascript中删除指定数组中指定的元素的代码
Feb 12 Javascript
jQuery实现下拉框左右选择的简单实例
Feb 22 Javascript
js的OOP继承实现(必看篇)
Feb 18 Javascript
js解决软键盘遮挡输入框的问题分享
Dec 19 Javascript
浅析Angular19 自定义表单控件
Jan 31 Javascript
JavaScript实现JSON合并操作示例【递归深度合并】
Sep 07 Javascript
详解react native页面间传递数据的几种方式
Nov 07 Javascript
详解如何运行vue项目
Apr 15 Javascript
在vue中使用防抖和节流,防止重复点击或重复上拉加载实例
Nov 13 Javascript
Vue列表循环从指定下标开始的多种解决方案
Apr 08 Javascript
Vue watch响应数据实现方法解析
Jul 10 Javascript
深入理解jquery自定义动画animate()
May 24 #Javascript
深入理解jquery中的事件与动画
May 24 #Javascript
Jquery元素追加和删除的实现方法
May 24 #Javascript
jquery html动态添加的元素绑定事件详解
May 24 #Javascript
js和jQuery设置Opacity半透明 兼容IE6
May 24 #Javascript
浅析jquery unbind()方法移除元素绑定的事件
May 24 #Javascript
jQuery unbind 删除绑定事件详解
May 24 #Javascript
You might like
PHP类继承 extends使用介绍
2014/01/14 PHP
微信公众平台之快递查询功能用法实例
2015/04/14 PHP
laravel实现简单用户权限的示例代码
2019/05/28 PHP
php用wangeditor3实现图片上传功能
2019/08/22 PHP
详解将数据从Laravel传送到vue的四种方式
2019/10/16 PHP
豆瓣网的jquery代码实例
2008/06/15 Javascript
event对象的方法 兼容多浏览器
2009/06/27 Javascript
关于Ext中form移除textfield方法:hide(),setVisible(false),remove()
2010/12/02 Javascript
情人节专属 纯js脚本1k大小的3D玫瑰效果
2012/02/11 Javascript
滚动图片效果 jquery实现回旋滚动效果
2013/01/08 Javascript
Javascript简单实现可拖动的div
2013/10/22 Javascript
深入理解JavaScript是如何实现继承的
2013/12/12 Javascript
node.js使用nodemailer发送邮件实例
2014/03/10 Javascript
一个简单的jquery的多选下拉框(自写)
2014/05/05 Javascript
js限制文本框只能输入数字方法小结
2014/06/16 Javascript
详解Angular调试技巧之报错404(not found)
2018/01/31 Javascript
基于Vue 服务端Cookies删除的问题
2018/09/21 Javascript
vue强制刷新组件的方法示例
2019/02/28 Javascript
使用 UniApp 实现小程序的微信登录功能
2020/06/09 Javascript
javascript全局自定义鼠标右键菜单
2020/12/08 Javascript
Python实现子类调用父类的方法
2014/11/10 Python
详解用python写一个抽奖程序
2019/05/10 Python
python lambda函数及三个常用的高阶函数
2020/02/05 Python
宝塔面板成功部署Django项目流程(图文)
2020/06/22 Python
python2和python3哪个使用率高
2020/06/23 Python
CSS3实现内凹圆角的实例代码
2017/05/04 HTML / CSS
Canvas与图片压缩的示例代码
2017/11/28 HTML / CSS
HTML5 直播疯狂点赞动画实现代码 附源码
2020/04/14 HTML / CSS
日本网路线上商品代购服务:转送JAPAN
2016/08/05 全球购物
查摆问题对照检查材料
2014/08/28 职场文书
印刷技术专业自荐信
2014/09/18 职场文书
中学教师师德师风承诺书
2015/04/28 职场文书
全国助残日活动总结
2015/05/11 职场文书
小爸爸观后感
2015/06/15 职场文书
2016年记者节感言
2015/12/08 职场文书
python中的sys模块和os模块
2022/03/20 Python