如何将数组添加到该对象的最后一个:
const formElment = document.querySelector(".form");
formElment.addEventListener("submit", (event) => {
event.preventDefault();
var array = [];
var checkboxes = document.querySelectorAll("input[type=checkbox]:checked");
for (var i = 0; i < checkboxes.length; i++) {
array.push(checkboxes[i].value);
console.log(checkboxes[i].id);
}
const formData = new FormData(formElment);
const data = Object.fromEntries(formData);
console.log(data);
});
我使用
eventlistner
来获取表单数据和 checkbox=checked。所以现在我想将那些选定的复选框 ID 添加到对象的末尾并通过 API 发送。
我认为你可以将数组的值添加到 FormData 中。
formData.append("checkedValues", array.join(","));
然后您可以将表单发布到 API。
参考:https://developer.mozilla.org/en-US/docs/Web/API/FormData/append