js 获取表单所有的值
时间: 2023-09-19 15:10:04 浏览: 69
你可以使用 JavaScript 中的 `FormData` 对象来获取表单中的所有值。
例如,假设你有一个表单:
```html
<form id="myForm">
<input type="text" name="name" value="John">
<input type="email" name="email" value="john@example.com">
<input type="checkbox" name="subscribe" checked>
<button type="submit">Submit</button>
</form>
```
然后,你可以使用以下代码来获取表单中所有输入元素的值:
```javascript
const form = document.getElementById('myForm');
const formData = new FormData(form);
for (let [name, value] of formData.entries()) {
console.log(`${name} = ${value}`);
}
```
这将输出:
```
name = John
email = john@example.com
subscribe = on
```
在上面的示例中,`FormData` 构造函数使用了表单元素的引用。然后, `entries()` 方法提供了一个可迭代对象,其中包含了表单中所有输入元素的键值对。你可以使用 `for...of` 循环来遍历这个可迭代对象,并获取每个输入元素的名称和值。
阅读全文