javascript - 使用 jQuery 获取所有表单输入数据的最佳方法是什么?

标签 javascript jquery forms

假设我有一个带有 id 和所有输入、复选框、单选等字段的表单。

检索所有值的最佳方法是什么?我的意思是在所有字段中添加一个 id 或在 javascript/jquery 中序列化 form

代码很常见。

<head>
<script src="jquery.min.js"></script>
</head>
<form id="f1">

    <input type="text" name="firstname">
    <br>
    Last name:<br>
    <input type="text" name="lastname" value="Mouse">
    <br><br>
<input type="button" id="b1"value="Submit">
<input type="checkbox" name="cb[]" value="1"/>
<input type="checkbox" name="cb[]" value="2"/>
<input type="checkbox" name="cb[]" value="3"/>
</form>
<script>
$(document).ready(function(){
    $("#b1").click(function(){
    //console.log($("#f1").serializeArray());    

    var requestObj = {};
var formObj = $(this).closest("form");
$.each($(formObj).serializeArray(), function (index, value) {
    requestObj[value.name] = value.value;
});
console.log(requestObj);
    })

});
</script>

最佳答案

您只需执行以下操作即可获取成功输入的值:

var stringData = $('#form-id').serialize();

这将创建一个与 HTTP 请求一起发送的查询字符串

相反,如果您希望将值存储在数组中,您可以这样做:

var arrayData = $('#form-id').serializeArray();

关于javascript - 使用 jQuery 获取所有表单输入数据的最佳方法是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34452472/

相关文章:

html - 在线表单上的表单输入不可点击

javascript - 为什么启用和禁用按钮不起作用?

javascript - 如何使用 javascript 检索 cookie 的过期日期

javascript - 表格中的响应式 c3 图表

javascript - 检查来自 PHP echo 的 javascript 结果字符串不起作用

javascript - 如何使用ajax在CKEDITOR中动态加载模板?

javascript - 输入字符串和数组以运行。数组中出现匹配字符串的输出索引

javascript - Jquery .load - 一次具有不同数据的多个 id - Wordpress

javascript - 如何使用 Javascript 获取损坏的图像列表?

javascript - 为表单中的 download() 函数调用隔离特定按钮