Node Express Jade - 复选框布尔值 [英] Node Express Jade - Checkbox boolean value

问题描述

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

可以取得复选框值为 true 或 false ？

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

 code> 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（'/'）; 
}）; 
  

和我的Jade形式测试

  form（action ='/ config'，method ='post'）
 input（type =checkbox，name =not_checked，checked = false） （type =checkbox，name =checked，checked = true）
 input（type ='submit'）
  

$ b你可以尝试以下的玉形式

  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'）
  
 
 
值将是字符串，所以你必须解析它。如果复选框没有选中属性，那么它不会包含在帖子请求正文中。所以在上面的形式，只有选中的复选框将被发送见下面。 
  req.body：{checked：true} 
  pre> 
 
 
如果您勾选这两个复选框，那么这两个值将会发送如下
  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）; 
} 
  
 
I'm using Node+Express+Jade to render some webpages. On a form there are 2 checkboxes. When the form is submitted through POST, if the checkbox is checked, I get req.body.checkbox1 -> 'on', if isn't checked, I get req.body.checkbox1 -> undefined

Is possible to get checkbox value as true or false ?

Here's my server side test code
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('/');
});
And my Jade form test
form(action='/config', method='post')
    input(type="checkbox", name="not_checked", checked=false)
    input(type="checkbox", name="checked", checked=true)
    input(type='submit')

解决方案
Can you try the following jade form 
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')
The value will be string, so you have to parse it. If the checkbox does not have checked attribute then it would not be included in the post request body. So in the above form, only the checked checkbox will be sent see below. 
req.body : {"checked":"true"}
If you tick both checkboxes then both values will be sent as below 
req.body : {"not_checked":"false","checked":"true"}
You can also add validation against undefined, whenever no checkbox is ticked 
   if(req.body.not_checked) {
      console.log('not checked : ' + req.body.not_checked);
    }

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


                        
这篇关于Node Express Jade  - 复选框布尔值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！