axios如何将input中的checkbox的信息获取并发送请求

使用axios发送请求时，可以通过以下方式获取input中的checkbox的信息：

1. 给checkbox设置一个唯一的name属性，例如"food"。

2. 在发送请求时，使用FormData对象来获取checkbox选中的值。

// 获取checkbox选中的值
const form = new FormData();
const checkboxList = document.querySelectorAll('input[name="food"]:checked');
checkboxList.forEach((checkbox) => {
  form.append('food', checkbox.value);
});

// 发送请求
axios.post('/api/user', form)
  .then((res) => {
    console.log(res.data);
  })
  .catch((error) => {
    console.log(error);
  });

上面的代码中，我们通过document.querySelectorAll方法获取到所有选中的checkbox元素，并通过FormData对象的append方法将选中的值添加到form表单中。最后，使用axios发送post请求，并将form表单作为第二个参数传入即可。