jq用each()遍历方法获取所有表单信息push到数组里面

最新推荐文章于 2022-03-31 12:23:05 发布

-越努力越幸运-

最新推荐文章于 2022-03-31 12:23:05 发布

阅读量2.3k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/azhengyq/article/details/94631429

版权

javascript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<html>
<head>
   <title>jq用each()遍历方法获取所有表单信息push到json里面</title>
</head>
<body>
<div class="FormBox">
   
   <form class="formlist" autocomplete="off">
       <input type="text" name="username" >
       <input type="text" name="email">
   </form>

   <button οnclick="submit()">提交</button>
</div>
<script src="jquery-1.7.1.js"></script>
<script>
function submit(){
       var json = {};
       var message = [];

       $('.formlist').each(function(index,element){ //element-当前的元素,也可使用this选择器
           var username = $(this).find("input[name='username']").val();
           var email = $(this).find("input[name='email']").val();
           json = {
               "username":username,
               "email":email
           };
           message.push(json);
       });

var message = JSON.stringify(message);//对象转数组
}
</script>
</body>
</html>