时间戳

首页 > 解决方案 > 在 html 和 nodejs 中使用复选框

javascript - 在 html 和 nodejs 中使用复选框

问题描述

我试图基本上允许用户选择他们将为他们的产品使用的尺寸，并且我使用了复选框。所以选项是 XS、s、m、l、xl。无论用户选择哪个选项，我都需要将其上传到存储该特定产品尺寸的数据库。我只想将用户选择的大小上传到数据库，这样它就不会在数据库中显示为未定义的大小。

前端

<label for="productCategory">SIZES (OPTIONAL):</label>
    <!-- <input type="text" id="size" name="size" placeholder="(EX) XS, S, M, L, XL, XXL" style="border: 1px solid black"> -->
    <label for="check-1">Extra Small</label>
    <input type="checkbox" name="xs" id="extra-small" value="xs">
    <label for="check-1">Small</label>
    <input type="checkbox" name="s" id="small" value="small">
    <label for="check-1">Medium</label>
    <input type="checkbox" name="m" id="medium" value="medium">
    <label for="check-1">Large</label>
    <input type="checkbox" name="l" id="large" value="large">
    <label for="check-1">Extra Large</label>
    <input type="checkbox" name="xl" id="extra-large" value="xl">

后端（节点）

    var xs = req.query.xs
    var s = req.query.s
    var m = req.query.m
    var l = req.query.l
    var xl = req.query.xl
        var addProducts = "insert into PRODUCTS ( ITEM, DESCRIPTION, PRICE, SIZE, COLOURS, IMAGE ) VALUES ('" + req.query.item + "', '" + req.query.description + "', '" + req.query.price + "', '" + size + "', '" + req.query.colours + "', '" + image_url + "' )"

我有点脑子放屁，由于某种原因无法解决这个问题，哈哈。我在这里先向您的帮助表示感谢。

标签： javascripthtmlnode.jsdatabasedb2

解决方案

对于任何会看这个问题的人，我想通了。

基本上你需要将前端的 each 的值设置为 ex。size[]，然后在后端，var size = req.query.size然后在数据库中执行插入查询。

推荐阅读