能否在HTML输入框中使用EJS变量？基于MongoDB实现复选框选中用户跳转新页面的问题求助

首先回答你的第一个问题：当然可以在HTML输入框中使用EJS变量！ #

你可以直接把EJS变量绑定到输入框的value属性或其他属性中，示例写法完全有效：

<!-- 绑定用户名称到只读输入框 -->
<input type="text" value="<%= user.name %>" readonly>
<!-- 绑定用户唯一ID到隐藏输入框 -->
<input type="hidden" name="userId" value="<%= user._id %>">

EJS会在页面渲染阶段自动把变量替换为对应的真实值。

接下来解决你的复选框传值问题 #

你的现有代码存在几个关键逻辑错误，我逐一拆解并给出修正方案：

问题1：每个复选框单独嵌套<form>，无法实现多选提交

你当前的循环里，每个用户的复选框都套了独立的<form>标签，点击提交按钮时只会提交当前聚焦的单个表单，根本无法收集多个选中的用户数据。必须把所有复选框和提交按钮放在同一个<form>内部。

问题2：复选框未设置value，且name不支持多选

当前复选框的name="user"且没有value属性，选中后只会向后端传递字符串"on"；同时如果要支持多选，name需要设为user[]，这样后端才能接收选中值组成的数组。

修正后的前端EJS代码：

<form action="/admin" method="POST">
  <% user.forEach((singleUser) => { %> 
    <label for="user-<%= singleUser._id %>"><%= singleUser.name %></label>
    <!-- 用用户的唯一_id作为value（比name更可靠，避免重名），name设为user[]支持多选 -->
    <input type="checkbox" id="user-<%= singleUser._id %>" name="user[]" value="<%= singleUser._id %>">
  <% }) %> 
  <!-- 提交按钮必须放在<form>内部！ -->
  <button type="submit">View Profile(s)</button>
</form>

问题3：后端路由嵌套错误（POST中嵌套GET路由）

你把router.get("/admin/userProfile")嵌套在了POST路由的处理函数里，这是完全错误的写法——路由必须单独定义，不能嵌套在其他路由的逻辑中。

问题4：后端无法正确获取选中用户信息

你当前用req.body.name获取数据，但前端根本没有传递name字段；而且重定向时不能直接把变量传递给新的GET请求，需要用session存储数据，或者把用户ID作为URL参数传递。

修正后的后端代码：

首先单独定义用户Profile页面的GET路由：

// 单独定义用户Profile页面的GET路由，不要嵌套在POST逻辑里
router.get("/admin/userProfile", ensureAuthenticated,(req, res) => { 
  // 从session中取出之前存储的选中用户ID数组
  const selectedUserIds = req.session.selectedUsers;
  if (!selectedUserIds || selectedUserIds.length === 0) {
    return res.redirect("/admin");
  }
  // 根据ID数组查询数据库中的用户信息
  User.find({ _id: { $in: selectedUserIds } })
    .then(users => {
      res.render("admin_user_profile", { users: users });
      // 用完后清除session中的数据，避免下次访问残留
      delete req.session.selectedUsers;
    })
    .catch(err => {
      console.error(err);
      res.redirect("/admin");
    });
});

然后修正POST路由：

router.post("/admin", ensureAuthenticated,(req, res) => { 
  // 获取选中的用户ID数组（前端name是user[]，Express会自动解析为数组）
  const selectedUserIds = req.body.user;
  console.log(`选中的用户ID: ${selectedUserIds}`);
  
  // 如果没有选中任何用户，直接返回admin页面
  if (!selectedUserIds) {
    return res.redirect("/admin");
  }
  
  // 将选中的用户ID存储到session中（重定向后无法直接传递数据）
  req.session.selectedUsers = Array.isArray(selectedUserIds) ? selectedUserIds : [selectedUserIds];
  
  // 重定向到用户Profile页面
  res.redirect("/admin/userProfile");
});

额外补充说明： #

• 为什么用_id而不是name？因为用户名称可能重复，而MongoDB的_id是全局唯一的，能准确定位用户。
• 如果只需要传递单个用户，可将复选框的name设为userId（不需要加[]），后端直接取req.body.userId即可。
• 确保你的Express应用已经配置了express-session，否则无法使用req.session，基础配置示例：

const session = require('express-session');
app.use(session({
  secret: 'your-custom-secret-key', // 替换为你的专属密钥
  resave: false,
  saveUninitialized: false,
  cookie: { secure: false } // 生产环境建议设为true（仅HTTPS环境下生效）
}));

内容的提问来源于stack exchange，提问作者Peter Gibbons