Question

我正在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/>

正如你所看到的，我有一个＆＃39; for＆＃39;结构代表我拥有的孩子名单，并显示他们的名字，以及一个字段，让用户选择巧克力棒给每个孩子多少钱。我希望它成为一个复选框＆＃39;结构，让用户选择孩子和每个孩子的chocbar数量。

这是以“＆＃39;形式”插入的。结构，这样当我点击＆＃34;提交＆＃34;按钮，我在对应的视图中处理选择。

在我看来，我知道如果我做下一个，我会得到所选复选框项目的列表：

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

但问题是我想让每个选中的孩子都选择孩子和指定的巧克力棒。怎么能在视图中得到它？有没有办法对复选框元素进行分组＆＃34; kid＆＃34;和＃34;号码＆＃34;场？

Answer 1

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

如果您使用它，其中一个表单字段为kid_info，另一个为amount。所以1个表格将有1个孩子的信息。

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

如何使用数字类型元素对checkbox元素进行分组并在html5中使用它？

1 个答案: