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 }

  • 相关阅读:
    Tensorflow入门:Linear Regression
    日语动词变形总结
    序列模型第二周作业2:Emojify!
    序列模型第二周作业1:Operations on word vectors
    序列模型第一周作业3: Improvise a Jazz Solo with an LSTM Network
    序列模型第一周作业2: Character level language model
    序列模型第一周作业1: Building your Recurrent Neural Network
    Bidirectional RNN (BRNN)
    Long Short term memory unit(LSTM)
    propertyGrid使用
  • 原文地址:https://www.cnblogs.com/hermitks/p/9474610.html
Copyright © 2011-2022 走看看