npm formidable form仅返回最后一个复选框值

问题描述 投票:1回答:1

我正在使用npm formidable(https://www.npmjs.com/package/formidable)处理我的快速js应用程序中的表单。

我有这样的形式:

<form action="/getchecks" method="post" enctype="multipart/form-data" id="set-featured-form">
    <fieldset>
            <input type="checkbox" name="featured" value="1">News 1 heading <br>
            <input type="checkbox" name="featured" value="2">News 2 heading <br>
            <input type="checkbox" name="featured" value="4">News 4 heading <br>
            <input type="checkbox" name="featured" value="5">News 5 <br>
            <input type="checkbox" name="featured" value="6">news 6 <br>
            <input type="checkbox" name="featured" value="7">news 7 <br>
        <input type="button" value="Save" id="save-featured">
     </fieldset>
</form>

我希望用户能够选择多个复选框,然后在提交时我想要检查复选框。但是,在这种情况下,它只返回最后一个选中的复选框。例如:如果我检查1,5和7,它将只返回7.这是我的路由器代码:

router.post('/getchecks', function (req, res, next){
    getCheckboxes(req, res);  
});

function getCheckboxes(req, res){
    var form = new formidable.IncomingForm();

    form.parse(req, function(err, fields, files){
        res.writeHead(200, {
            'content-type': 'text/plain'
        });
        res.write('received the data:\n\n');
        res.end(util.inspect({
            fields: fields
        }));
    });

}

这是输出:

received the data:

{ fields: { featured: '7' } }

如何让它传递给复选复选框的值数组?

谢谢。

node.js express formidable
1个回答
1
投票

您是否尝试将[]添加到精选结尾?

<form action="/getchecks" method="post" enctype="multipart/form-data" id="set-featured-form">
  <fieldset>
    <input type="checkbox" name="featured[]" value="1">News 1 heading <br>
    <input type="checkbox" name="featured[]" value="2">News 2 heading <br>
    <input type="checkbox" name="featured[]" value="4">News 4 heading <br>
    <input type="checkbox" name="featured[]" value="5">News 5 <br>
    <input type="checkbox" name="featured[]" value="6">news 6 <br>
    <input type="checkbox" name="featured[]" value="7">news 7 <br>
    <input type="button" value="Save" id="save-featured">
  </fieldset>
</form>

UPDATE

它看起来已经修复:#380

但是,这个PR还没有与主分支合并!

我做了本地更改,它确实有效。

© www.soinside.com 2019 - 2024. All rights reserved.