jquery获取form表单中的所有数据的方法

冬天,洁白的雪花慢慢地飘落下来,落到这里,飘到那里,我们仿佛置身于童话般的雪白世界。在苍茫的大海上,狂风卷集着乌云。在乌云和大海描写大海的散文之间,海燕像黑色的闪电,在高傲的飞翔。

记录一个利用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"}

以上就是jquery获取form表单中的所有数据的方法。练字也不失为一种修身养性的好主意。更多关于jquery获取form表单中的所有数据的方法请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
HTML标签之!DOCTYPE文档类型声明

如何使用html+css代码如何实现冰墩墩和雪容融效果

html中checkbox与radio样式美化的简单实例

div设置可编辑内容的方法

css设置placeholder的颜色样式的方法