Jquery把获取到的input值转换成json
更新时间：2017年05月15日 09:39:18 作者：yangzailu1990
本篇文章主要介绍了Jquery把获取到的input值转换成json的相关知识，具有很好的参考价值。下面跟着小编一起来看下吧
话不多说，请看代码：
<!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>
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
相关文章
Google韩国首页图标动画效果...2007-08-08
这篇文章主要为大家详细介绍了微信小程序实现滑动删除，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-08-08
JS正则RegExp.test()使用注意事项(不具有重复性)
这篇文章主要介绍了JS正则RegExp.test()使用注意事项,结合实例形式分析了RegExp.test()方法的功能与用法,以及针对不能重复调用的解决方法,需要的朋友可以参考下2016-12-12
这篇文章主要为大家详细介绍了Bootstrap table两种分页示例，服务器端分页和客户端分页，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
这篇文章主要介绍了记一次webapck4 配置文件无效的解决历程，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-09-09
本文给大家带来两种js中查找字符串中出现次数最多的字符，在这两种方法中小编推荐使用第二种，对js查找字符串出现次数的相关知识感兴趣的朋友一起看看吧2016-09-09
这篇文章主要介绍了Blazor实现微信的Tab切换功能,本文中的UI组件使用的是MASA Blazor,您也可以是其他的UI框架，这个并不影响实际的运行效果，本文案例是兼容PC和Android的，演示效果是android中执行的，在PC中执行效果依然有效，需要的朋友可以参考下2023-01-01
这篇文章主要为大家详细介绍了Javascript下拉刷新的简单实现过程，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
javascript高级程序设计第二版第十二章事件要点总结(常用的跨浏览器检测方法)
javascript高级程序设计第二版第十二章事件要点总结(常用的跨浏览器检测方法),需要的朋友可以参考下2012-08-08
这篇文章主要为大家详细介绍了原生js实现日期计算器功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
最新评论