jquery-读取form表单中的所有数据列表

<form action="" class="layui-form layui-form-pane">
<div class="layui-form-item layui-form-item-m">
     <i class="layui-icon layui-icon-username layui-btn layui-bg-blue"></i>
     <div class="layui-inline">
           <input type="text" name="username" id="username" placeholder="用户名" class="layui-input">
     </div>
</div>
<div class="layui-form-item layui-form-item-m my-form-item-pwd">
     <i class="layui-icon layui-icon-zlock-l layui-btn layui-bg-blue"></i>
     <div class="layui-inline">
          <input type="password" name="password" id="password" placeholder="密码" class="layui-input">
     </div>
     <i class="layui-icon layui-icon-zeye-l my-form-pwdshow" isShow="false"></i>
</div>
<div class="layui-form-item">                           
     <div class="layui-inline my-btn-power">
         <input type="radio" name="power" value="管理员" title="管理员">
         <input type="radio" name="power" value="普通用户" title="普通用户" checked>
     </div>
</div>
<div class="layui-form-item">                          
     <div class="layui-inline my-btn-login">
        <button class="layui-btn layui-bg-blue"  id="login">进入系统</button>
     </div>
</div>
 <div class="layui-form-item">
     <div class="layui-inline my-reg-label">
         <label > 还没有注册?<a href="../html/register.html" title="立即注册" >立即注册</a></label>
     </div>
</div>
</form>

js 代码:
let data = {};
        let formValue = $('form').serializeArray();
        $.each(formValue, function() {
            data[this.name] = this.value;
        });
        alert(JSON.stringify(data));
posted @ 2018-06-05 13:30  不随。  阅读(6)  评论(0编辑  收藏  举报  来源