首页 > 技术文章 > form提交所有数据

hermitks 2018-08-14 14:54 原文

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 }

推荐阅读