html - Django - 模板表单复选框

Question

我正在使用 Django 1.5。假设我有一个位于地址的 View :example.com/page/*value*我将值传递给上下文中的模板。我想要一个复选框，它将控制 *value*所以例如我去 example.com/page/5然后复选框将如下所示:

• 0
• 5(勾选)
• 10

我选择 10，单击按钮，它会将我重定向到 /page/10

在 AngularJS 中我有 ng-model对于值(value)，这通常不是问题，但是 Django 做类似事情的方式是什么？

是否可以通过 Django 模板和纯 HTML 实现，还是我必须编写一些 javascript？

我目前将其作为下拉菜单:

<ul class="dropdown-menu" aria-labelledby="dropdownMenu3">
  <li class="dropdown-header">Chosen: {{value}}</li>
  ...options...
</ul>

<select>也可以，但我不能完全弄清楚默认情况下如何显示值:

<select>
  <option value="0">0</option>
  <option value="5">5</option>
  <option value="10">10</option>
</select>

Answer 1

如果您手动渲染选择框，您只需添加 selected属性

<select>
  <option value="0">0</option>
  <option value="5" selected>5</option>
  <option value="10">10</option>
</select>

在 Django 模板中，如果 value 在模板上下文中，您可以使用 if 标签添加属性。

<select>
  <option value="0" {% if value == 0 %}selected{% endif %}>0</option>
  <option value="5" {% if value == 5 %}selected{% endif %}>5</option>
  <option value="10" {% if value == 10 %}selected{% endif %}>10</option>
</select>

但是，手动渲染模板通常不是一个好主意。您应该考虑使用 Django forms在可能的情况下，因为它们有助于自动验证表单字段的输入和 html 呈现。

选择选项是JavaScript的任务，而不是Django。