如何将复选框元素与数字类型元素分组并在 html5 中使用它？答案

【问题标题】：How can I group a checkbox element with a number type element and work with it in html5?如何将复选框元素与数字类型元素分组并在 html5 中使用它？
【发布时间】：2015-09-16 05:46:25
【问题描述】：

我正在 django 中创建一个应用程序，但我遇到了下一个问题：

在我的 html5 模板中，我有一个代表一些孩子和他们想吃的巧克力棒的结构。

{% for kid_information in result %}

    <br/><input type="checkbox" name="kid" id="kid" value="{{kid_information.name}}" />
        <label for="kid"><b>{{ kid_information.name }}</b></label>       

    Chocolate-Bars: <input type="number" name="chocbars"> 

{% endfor %}
<br/><br/>

如您所见，我有一个“for”结构，表示我拥有的孩子的列表，并显示他们的名字，以及一个让用户选择给每个孩子多少巧克力棒的字段。我希望它是一个“复选框”结构，让用户选择孩子和每个孩子的巧克力棒的数量。

这是插入到“表单”结构中，因此当我单击“提交”按钮时，我会在对应视图中处理选择。

在我看来，我知道如果我执行下一步，我会得到选中复选框项的列表：

selected_kids = request.POST.getlist('kid')
    for selected_current_kid in selected_kids:
     ...

但问题是我想为每个选定的孩子获取选定的孩子和指定的巧克力棒。怎样才能在视图中得到它？有没有办法将复选框元素“kid”和“number”字段分组？

【问题讨论】：

标签： django html checkbox django-templates

【解决方案1】：

看起来你没有使用任何表单集..

如果您使用它，表单字段之一将是kid_info，另一个是金额。所以 1 个表格将包含 1 个孩子的信息。

我看到你喜欢复选框使用的想法。但是，如果只使用巧克力数量输入，您的 UI 似乎会赢，因为从零更改数量将自动意味着检查孩子，避免不必要地点击复选框。您只需要检查非零值。

【讨论】：