jquery如何获取表单中的所有数据

顺晟科技

2021-06-28 17:25:16

180

记录一个利用jq插件来获取form表单内所有值的方法。

jq获取form表单内所有元素的值：

<html>
<head>
    <title>jq获取表单的值</title>
    <script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
</head>
<body>
<form>
    <input type="input" value="" name="name"><br>
    <input type="input" value="" name="password"><br>
    <select name="sex">
        <option value="0">男</option>
        <option value="1">女</option>
        <option value="2">保密</option>
    </select><br>
    <input id="submit" type="button" value="提交" name="submit">
</form>
<script>
    $(function() {
        $('#submit').click(function() {
        var arr = {};
        var t = $('form').serializeArray();
            // t的值为[{name: "name", value: "xx"},{name: "password", value: "xx"}...]
            $.each(t, function() {
                arr[this.name] = this.value;
            });
            console.log(JSON.stringify(arr));
        });
    });
</script>
</body>
</html>

代码执行结果：

{"name":"mochu","password":"123","sex":"1"}

上一篇：html中的删除线标签下一篇：js将字符串转换成小写的方法

网站建设

Js

jquery如何获取表单中的所有数据