问题描述: 无法从Express中的Pug模板中读取所有选定的复选框值。
解答: 在Express中使用Pug模板引擎时,可以通过表单提交数据来获取所有选定的复选框值。
首先,确保在Pug模板中正确地定义了复选框,并为每个复选框设置了唯一的name属性。例如:
form(action="/submit" method="post")
input(type="checkbox" name="option1" value="Option 1")
label(for="option1") Option 1
br
input(type="checkbox" name="option2" value="Option 2")
label(for="option2") Option 2
br
input(type="checkbox" name="option3" value="Option 3")
label(for="option3") Option 3
br
input(type="submit" value="Submit")
在表单提交后,可以通过req.body来获取选中的复选框值。确保在使用之前,将body-parser中间件添加到Express应用程序中,以便正确解析请求主体。
const express = require('express');
const bodyParser = require('body-parser');
const app = express();
app.use(bodyParser.urlencoded({ extended: false }));
app.post('/submit', (req, res) => {
const selectedOptions = req.body; // 获取所有选定的复选框值
console.log(selectedOptions);
res.redirect('/');
});
app.listen(3000, () => {
console.log('Server is running on port 3000');
});
在上述代码中,我们使用了body-parser中间件来解析请求主体,并通过req.body来获取所有选定的复选框值。然后可以根据具体需求对这些值进行处理,比如打印到控制台或保存到数据库等。
以上是解决从Express中的Pug模板读取所有选定的复选框值的一种方法。如果您需要更复杂的操作或有其他问题,请提供更多细节,以便我们可以给出更准确的答案。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云