全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

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>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!


# 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小时内与您取得联系。