如何将复选框值发送到控制器以将值保存到会话？

在前端开发中，可以通过以下步骤将复选框的值发送到控制器以保存到会话：

在HTML页面中，使用<input>标签创建复选框，并为每个复选框指定一个唯一的name属性和相应的value值。例如：

<input type="checkbox" name="option1" value="value1"> Option 1
<input type="checkbox" name="option2" value="value2"> Option 2
<input type="checkbox" name="option3" value="value3"> Option 3

使用JavaScript获取选中的复选框值，并将其发送到控制器。可以通过以下方式实现：

// 获取所有复选框元素
const checkboxes = document.querySelectorAll('input[type="checkbox"]');

// 创建一个空数组来存储选中的复选框值
const selectedValues = [];

// 遍历复选框元素，检查哪些复选框被选中
checkboxes.forEach(checkbox => {
  if (checkbox.checked) {
    selectedValues.push(checkbox.value);
  }
});

// 发送选中的复选框值到控制器
fetch('/save-values', {
  method: 'POST',
  body: JSON.stringify(selectedValues),
  headers: {
    'Content-Type': 'application/json'
  }
})
.then(response => {
  // 处理响应
})
.catch(error => {
  // 处理错误
});

在后端控制器中接收发送的复选框值，并将其保存到会话中。具体实现方式取决于所使用的后端框架和编程语言。以下是一个示例（使用Node.js和Express框架）：

app.post('/save-values', (req, res) => {
  const selectedValues = req.body; // 接收发送的复选框值

  // 将值保存到会话
  req.session.selectedValues = selectedValues;

  res.sendStatus(200); // 发送成功响应
});

通过以上步骤，你可以将复选框的值发送到控制器以保存到会话中。请注意，这只是一个简单的示例，实际实现可能因具体情况而异。