form提交所有数据

最新推荐文章于 2023-11-02 08:57:27 发布

dengsu9193

最新推荐文章于 2023-11-02 08:57:27 发布

阅读量142

点赞数

文章标签： json

原文链接：http://www.cnblogs.com/hermitks/p/9474610.html

版权

HTML:

 1           <div class="panel">
 2                 <div class="panel-body">
 3                     <h3>完善简历</h3>
 4                     <div class="form-group">
 5                         <div class="input-group">
 6                             <span class="input-group-addon" style="padding-right: 2.9rem">姓 名：</span>
 7                             <input type="text" class="form-control" name="name" placeholder="请输入您的名字！">
 8                         </div>
 9                     </div>
10                     <div class="form-group">
11                         <div class="input-group">
12                             <span class="input-group-addon" style="padding-right: 2.9rem">学 校：</span>
13                             <input type="text" class="form-control" name="xxmz" placeholder="请输入您的学校名称!">
14                         </div>
15                     </div>
16                     <div class="form-group">
17                         <div class="input-group">
18                             <span class="input-group-addon" style="padding-right: 2.9rem">专 业：</span>
19                             <input type="text" class="form-control" name="zymz" placeholder="请输入专业名称！">
20                         </div>
21                     </div>
22                     <div class="form-group">
23                         <div class="input-group">
24                             <span class="input-group-addon" style="padding-right: 2.9rem">性 别：</span>
25                             <!-- <input type="text" class="form-control" name="sex" placeholder="请输入您的性别！"> -->
26                             <div class="sexBox">
27                                 <label class="radio-inline">
28                                     <input type="radio" name="sex" id="sex1" value="1" checked>男
29                                 </label>
30                                 <label class="radio-inline">
31                                       <input type="radio" name="sex" id="sex2" value="2">女
32                                 </label>
33                                 <label class="radio-inline">
34                                    <input type="radio" name="sex" id="sex3" value="3">保密
35                                 </label>
36                             </div>
37                         </div>
38                     </div>
39                      <div class="form-group">
40                         <div class="input-group">
41                             <span class="input-group-addon" style="padding-right: 2.9rem">年 级：</span>
42                             <input type="text" class="form-control" name="nj" placeholder="请输入您的年级！">
43                         </div>
44                     </div>
45                      <div class="form-group">
46                         <div class="input-group">
47                             <span class="input-group-addon">联系方式：</span>
48                             <input type="text" class="form-control" name="tel" placeholder="请输入您的联系方式！">
49                         </div>
50                     </div>
51                     <div class="form-group">
52                        <button class="btn btn-success btn-lg btn-block" onclick="SubmitInfo()">提 交</button>
53                     </div>
54                 </div>
55             </div>

JS:

 1
 2 function SubmitInfo(){
 3     var info = {};
 4     var t = $('#form').serializeArray();
 5     $.each(t, function() {
 6       info[this.name] = this.value;
 7     });
 8     console.log(JSON.stringify(info)); 9 }