zoukankan      html  css  js  c++  java
  • form提交所有数据

    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 }

  • 相关阅读:
    Linux运维常用的几个命令介绍【转】
    Linux 删除文件后空间不释放【原创】
    使用 Xtrabackup 在线对MySQL做主从复制【转】
    用Centos7搭建小微企业Samba文件共享服务器【转】
    工作流数据表设计
    mysql函数大全
    git 分支管理
    Bootstap datetimepicker报错TypeError: intermediate value
    分分钟搞定IOS远程消息推送
    Windows10下安装OpenSSL
  • 原文地址:https://www.cnblogs.com/hermitks/p/9474610.html
Copyright © 2011-2022 走看看