学习笔记之$.each用法---取出form中所有的数据

最新推荐文章于 2022-07-26 11:10:49 发布

Glace.♥

最新推荐文章于 2022-07-26 11:10:49 发布

阅读量456

点赞数

本文链接：https://blog.csdn.net/LULU_lulu666/article/details/100880005

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<form>
    <input type="text" name="name"/><br/>
    <input type="password" name="password"/><br/>
    <button type="button" id="getbtn">取数据</button>
</form>

<script>
    $(function () {
        $('#getbtn').click(function () {
            var a = {};
            var b = $('form').serializeArray();
            alert(b[0].name+"......"+b[0].value);
            $.each(b,function () {
                a[this.name]=this.value;
                // a[this.password]=this.password;

            });
            alert(JSON.stringify(a));
        });
    });
    /**
     * 1，标签选择器，选择getbtn，进行点击事件
     * 2，定义一个集合
     * 3，从标签form中取出所有元素
     * 4，遍历集合
     * 5，打印输出
     */
</script>
</body>
</html>