您的位置：首页 > Web前端 > JQuery

Jquery把获取到的input值转换成json

2017-05-15 09:39 731 查看

话不多说，请看代码：

<!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

相关文章推荐

新的分享

章节导航