Node Express Jade - 复选框布尔值

Question

我正在使用 Node+Express+Jade 呈现一些网页。在一个表单上有 2 个复选框。通过 POST 提交表单时，如果复选框被选中，我得到 req.body.checkbox1 -> 'on'，如果没有被选中，我得到 req.body.checkbox1 -> undefined

是否可以将复选框值设为 true 或 false？

这是我的服务器端测试代码

var bodyParser = require('body-parser');
var express = require('express');

var app = express();
app.use(bodyParser.urlencoded({extended: true}));
app.use(express.static(__dirname + '/webroot'));
app.set('views', __dirname + '/view');
app.set('view engine', 'jade');
app.listen(3001);
app.get('/', function (req, res) {
    res.render('test');
});

app.post('/config', function (req, res) {
    console.log(req.body.t);
    console.log(req.body.f);
    res.redirect('/');
});

还有我的玉体测试

form(action='/config', method='post')
    input(type="checkbox", name="not_checked", checked=false)
    input(type="checkbox", name="checked", checked=true)
    input(type='submit')

Answer 1

你能试试下面的玉石形态吗

form(action='/survey/submission/test/config', method='post')
  input(type="checkbox", name="not_checked", value="false")
  input(type="checkbox", name="checked", checked, value="true")
  input(type='submit')

该值为字符串，因此您必须对其进行解析。如果复选框没有 checked 属性，则它不会包含在 post 请求正文中。所以在上面的表单中，只会发送选中的复选框，如下所示。

req.body : {"checked":"true"}

如果您勾选两个复选框，那么两个值都将按如下方式发送

req.body : {"not_checked":"false","checked":"true"}

只要没有勾选复选框，您还可以添加针对未定义的验证

   if(req.body.not_checked) {
      console.log('not checked : ' + req.body.not_checked);
    }

    if(req.body.checked) {
      console.log('checked : ' + req.body.checked);
    }

Answer 2

我最近正在为一个项目解决这个问题...

这是表格：

form(action='/survey/submission/test/config', method='post')
    input(type="checkbox", name="1")
    input(type="checkbox", name="2")
    input(type="checkbox", name="3")
    input(type="submit")

然后在节点javascript中可以通过各自的req.body.name找到它们。如果选中其中一个框，req.body.name 将 return 'on'。如果未选中某个框，则它们未定义。因此可以使用三元语句创建新对象并将它们作为布尔值保存到数据库中。

object = {
    first: req.body.1 ? true : false,
    second: req.body.2 ? true : false,
    third: req.body.3 ? true : false
};

希望这对其他人有帮助。想通了就开心

Answer 3

我今天遇到了这个问题，我有一个更干净的解决方案（对我来说）：

function(req, res){
   req.body.field = Boolean(req.body.field)
}

Answer 4

如果您的默认值为 false，那么这个解决方案对我来说似乎是最直接的。首先使用 DB/ORM 设置默认值。我正在使用 Mongoose，所以在模型文件中它是：

published: { type: Boolean, default: false },

然后在表单输入元素中将值设置为true：

<input type="checkbox" name="published" id="published" value=true>
<label for="published">Publish</label>

通过取消选中它，您将提交一个空值，该值默认返回 false。

Answer 5

我解决了这个问题。首先，我只想说我在 NodeJS 上使用 jade/pug 模板引擎 (+bootstrap 4.1) 和 ExpressJS。

div.form-group.form-check
   if customer.status
       input#checkbox.form-check-input(type="checkbox" name="status" value="true" checked)
   else
       input#checkbox.form-check-input(type="checkbox" name="status" value="false")

NodeJS - customer.js

// Update: Update a customer that given id
router.post('/update/:id', (req, res, next) => {

    const customerId = req.params.id;
    // let { name, email, city, country, status } = req.body;

    // Convert value to Boolean
    req.body.status = Boolean(req.body.status); 

    console.log(req.body); // true | false

    Customer.updateOne({ _id: customerId }, req.body).then( /* ... */)

}

另一个简单的例子：

html，翡翠或哈巴狗文件

<input type="checkbox" name="status" value="false" checked>

NodeJS Javascript 文件

app.post('/update/:id', (req, res, next) => {

     // Firstly, we can try it
     console.log(req.body.status); // Output: undefined

     // Then we should convert this value to Boolean
     req.body.status = Boolean(req.body.status);

     console.log(req.body.status) // Output: false or true
}

希望我的解决方案对您有所帮助

Answer 6

<form>
    <input type="checkbox" name="imp" value=false>
</form>

let impMarks  ; // 

app.post("/", function(req, res) {
    impMarks =  Boolean(req.body.imp);
    console.log(**impMark**); // the output will be true(if checked) / false 
});

Node Express Jade - 复选框布尔值

Node Express Jade - Checkbox boolean value

checkbox

boolean

node.js

express

pug

另一个简单的例子：