在包含车把、expressjs 的 html 表中选择一个复选框

Question

我有一个 html 表格，表格中的行是使用 handebars 填充的。我想使用复选框选择表格的某些行。表单发出发布请求。我正在使用 express.js 框架。要求是，当提交表单时，json 应该有一个名为“checked”的字段，如果选择了该行，则该字段的值应该是 true 或 1。请帮我解决问题。

下面是html的sn-p

 <form  id='form1'>

<table border="1">

{{#each ElectrnicsResults}}
    <tr>
            <td>{{Product}}</td>
            <td>{{Description}}</td>
            <td>{{price}}</td>
            <td>{{quantity}}</td>
            <td>
          <input type='checkbox' id="check">
            </td>
            <td style="display:none">
                    <input type="hidden" name="electronicsId" value="{{electronicsId}}" />
                    <input type="hidden" name="Product" value="{{Product}}" />
                    <input type="hidden" name="Description" value="{{Description}}" />
                    <input type="hidden" name="price" value="{{price}}" />
                    <input type="hidden" name="quantity" value="{{quantity}}" />
                </td>


    </tr>
{{/each}}

</table>
<input type="submit" value="submit" >

 </form>

以下是使用 JQuery 的 javascript 代码

$(document).ready(function () {
    $('#form1').submit(function() {
        $.ajax({
            url: '/submitValues',
            type: 'post',
            dataType: 'json',
            data: $('#form1').serialize(),
            success: function() {
               alert("Submitted!"); // for testing
            }
        });
        return false;
    });


});

Answer 1

由于表单是动态创建的，因此您还必须动态解析结果。

首先，您需要将name 字段附加到每个input type=checkbox 元素。此名称对于每个 ElectrnicsResults 必须是唯一的（可能类似于 ID 字段）。

然后，在您的后端代码中解析表单详细信息时，您可以再次循环遍历每个相关的ElectrnicsResults 并检查每个复选框的req.body.{UNIQUE_NAME_FIELD_VALUE}，并采取相应的行动。