话不多说,请看代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> jquery把获取到的input值转换成json</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="" />
<style type="text/css">
.box{width:500px;height:500px;border:1px solid #e5e5e5;}
</style>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
</head>
<body>
<div class="box">
姓名:<input type="text" value="" name="username" /> <br/><br/>
年龄:<input type="text" value="" name="age" /> <br/><br/>
生日:<input type="text" value="" name="birth" /> <br/><br/>
城市:<input type="text" value="" name="city" /> <br/><br/>
省份:<input type="text" value="" name="provicen" /> <br/><br/>
性别:<input type="text" value="" name="sex" /> <br/><br/>
<input type="button" value="提交" class="comment">
</div>
<script type="text/javascript">
$(document).ready(function(){
$(".comment").click(function(){
parArr = {};
var username = $('input[name=username]').val().replace(/(^\s*)|(\s*$)/g, "");
parArr.username = username;
var age = $('input[name=age]').val().replace(/(^\s*)|(\s*$)/g, "");
parArr.age = age;
var birth = $('input[name=birth]').val().replace(/(^\s*)|(\s*$)/g, "");
parArr.birth = birth;
var city = $('input[name=city]').val().replace(/(^\s*)|(\s*$)/g, "");
parArr.city = city;
var provicen = $('input[name=provicen]').val().replace(/(^\s*)|(\s*$)/g, "");
parArr.provicen = provicen;
var sex = $('input[name=sex]').val().replace(/(^\s*)|(\s*$)/g, "");
parArr.sex = sex;
var params = JSON.stringify(parArr);
alert(params);
});
});
</script>
</body>
</html>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!
# jquery
# input
# json
# jquery获取input的值
# jquery把input值转换成json
# js与jquery获取input输入框中的值实例讲解
# jquery获取input输入框中的值
# jQuery/JS监听input输入框值变化实例
# jquery获取input type=text中的值的各种方式(总结)
# jquery对所有input type=text的控件赋值实现方法
# 使用jQuery给input标签设置默认值
# jquery判断input值不为空的方法
# jquery清空input标签的值及清除标签里面的内容
# 多说
# 转换成
# title
# head
# gt
# dtd
# transitional
# xmlns
# charset
# text
# UTF
# rel
# link
# equiv
# meta
# Content
相关文章:
微课制作网站有哪些,微课网怎么进?
如何做静态网页,sublimetext3.0制作静态网页?
教学网站制作软件,学习*后期制作的网站有哪些?
实现点击下箭头变上箭头来回切换的两种方法【推荐】
宝塔新建站点报错如何解决?
如何通过NAT技术实现内网高效建站?
SQL查询语句优化的实用方法总结
建站之星上传入口如何快速找到?
深圳 网站制作,深圳招聘网站哪个比较好一点啊?
制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站?
哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做?
如何彻底卸载建站之星软件?
高性能网站服务器部署指南:稳定运行与安全配置优化方案
如何快速搭建个人网站并优化SEO?
道歉网站制作流程,世纪佳缘致歉小吴事件,相亲网站身份信息伪造该如何稽查?
网站制作外包价格怎么算,招聘网站上写的“外包”是什么意思?
装修招标网站设计制作流程,装修招标流程?
北京网站制作公司哪家好一点,北京租房网站有哪些?
已有域名建站全流程解析:网站搭建步骤与建站工具选择
PHP正则匹配日期和时间(时间戳转换)的实例代码
如何选择可靠的免备案建站服务器?
建站之星后台密码遗忘?如何快速找回?
,购物网站怎么盈利呢?
潍坊网站制作公司有哪些,潍坊哪家招聘网站好?
建站三合一如何选?哪家性价比更高?
东莞市网站制作公司有哪些,东莞找工作用什么网站好?
沈阳制作网站公司排名,沈阳装饰协会官方网站?
建站之星多图banner生成与模板自定义指南
建站之星如何保障用户数据免受黑客入侵?
建站之星图片链接生成指南:自助建站与智能设计教程
mc皮肤壁纸制作器,苹果平板怎么设置自己想要的壁纸我的世界?
盐城做公司网站,江苏电子版退休证办理流程?
建站之星客服服务时间及联系方式如何?
网站网页制作电话怎么打,怎样安装和使用钉钉软件免费打电话?
网站制作报价单模板图片,小松挖机官方网站报价?
网站制作壁纸教程视频,电脑壁纸网站?
IOS倒计时设置UIButton标题title的抖动问题
c++23 std::expected怎么用 c++优雅处理函数错误返回【详解】
常州自助建站:操作简便模板丰富,企业个人快速搭建网站
建站之星各版本价格是多少?
建站主机选虚拟主机还是云服务器更好?
上海网站制作开发公司,上海买房比较好的网站有哪些?
php能控制zigbee模块吗_php通过串口与cc2530 zigbee通信【介绍】
小说建站VPS选用指南:性能对比、配置优化与建站方案解析
建站IDE高效指南:快速搭建+SEO优化+自适应模板全解析
如何高效利用亚马逊云主机搭建企业网站?
,如何利用word制作宣传手册?
如何配置FTP站点权限与安全设置?
PHP 500报错的快速解决方法
深圳网站制作案例,网页的相关名词有哪些?
*请认真填写需求信息,我们会在24小时内与您取得联系。