我有一个带有两个选择单选按钮元素的 Django 表单。我希望表单或多或少像这样呈现：
( ) 我更喜欢啤酒 我参加的最后一场体育赛事是：[] 我最喜欢的 NASCAR 车手是：[ ] ( ) 我更喜欢酒 我参加的最后一部歌剧/戏剧是：[] 我最喜欢的作者是：[]换句话说，我想拆分两个单选按钮选项。我怎么做？使用默认的 form.as_table 渲染，我不想要的选项是相邻绘制的。
（向 NASCAR 和歌剧爱好者道歉。）
【问题讨论】：
标签： django forms radio-button
我进行了一些挖掘，并在similar post 的答案中找到了一个线索，该线索指向了一个有点过时的post in django-users。
从forms.py 中的 as_widget() 方法中借用一些代码，我设计了一种方法，可以将其添加到我的表单中，以检索呈现为 HTML 的 RadioSelect 小部件的选择。
class MyForm(forms.Form):
MY_CHOICES = (
('opt0', 'Option zero'),
('opt1', 'Option one'),
)
myfield = forms.ChoiceField(widget=forms.RadioSelect, choices=MY_CHOICES)
def myfield_choices(self):
"""
Returns myfield's widget's default renderer, which can be used to
render the choices of a RadioSelect widget.
"""
field = self['myfield']
widget = field.field.widget
attrs = {}
auto_id = field.auto_id
if auto_id and 'id' not in widget.attrs:
attrs['id'] = auto_id
name = field.html_name
return widget.get_renderer(name, field.value(), attrs=attrs)
然后在模板中，您可以访问单个单选按钮选项，如下所示：
<ul>
<li>
{{ myform.myfield_choices.0 }}
My custom HTML that goes with choice 0
</li>
<li>
{{ myform.myfield_choices.1 }}
Different HTML that goes with choice 1
</li>
</ul>
或
{% for choice in myform.myfield_choices %}
<div>
{{ choice }}
</div>
{% endfor %}
我很确定这是个坏主意。随着 django 的发展，它可能会在某个时候停止工作。它通过从 as_widget() 复制代码违反了 DRY。 （TBH，我没有花时间完全理解 as_widget 中的代码）我只是将它用作临时破解。也许有更好的方法涉及自定义模板标签。如果是这样，请告诉我。
【讨论】：
RadioSelect 小部件默认将其输出呈现为无序列表。
#forms.py
BEER = 0
WINE = 1
PREFERRED_DRINK_CHOICES = (
(BEER, 'Beer'),
(WINE, 'Wine'),
)
class DrinkForm(forms.Form):
preferred_drink = forms.ChoiceField(choices=PREFERRED_DRINK_CHOICES,
widget=forms.RadioSelect())
#views.py
def test(request):
form = DrinkForm(request.POST or None)
if request.method == 'POST':
if form.is_valid():
print 'form was valid'
return render_to_response('test.html', {'form' : form},
context_instance=RequestContext(request))
#test.html
<form action="." method="post" enctype="multipart/form-data">
<ul>
<li>
{{ form.name.label_tag }}
{{ form.name }}
{{ form.name.errors }}
</li>
<li>
{{ form.email.label_tag }}
{{ form.email }}
{{ form.email.errors }}
</li>
<li>
{{ form.preferred_drink.label_tag }}
{{ form.preferred_drink }}
{{ form.preferred_drink.errors }}
</li>
<li>
<input type="submit" value="Submit" />
</li>
</ul>
</form>
将输出：
<form enctype="multipart/form-data" method="post" action=".">
<ul>
<li>
<label for="id_name">Name</label>
<input type="text" maxlength="50" name="name" id="id_name">
</li>
<li>
<label for="id_email">Email</label>
<input type="text" id="id_email" name="email">
</li>
<li>
<label for="id_preferred_drink_0">Preferred drink</label>
<ul>
<li>
<label for="id_preferred_drink_0">
<input type="radio" name="preferred_drink" value="0" id="id_preferred_drink_0"> Beer</label>
</li>
<li>
<label for="id_preferred_drink_1"><input type="radio" name="preferred_drink" value="1" id="id_preferred_drink_1"> Wine</label>
</li>
</ul>
</li>
<li>
<input type="submit" value="Submit">
</li>
</ul>
</form>
这会将每个单选选项呈现在自己的行上。您可能需要添加一些 CSS 以按照您想要的方式进行渲染，但这应该会为您提供所需的结构。当然，你也可以直接手动编写 HTML 的捷径……
<form action="." method="post">
<ul>
{{ form.as_ul }}
<li>
<input type="submit" value="Submit" />
</li>
</ul>
</form>
...但我更喜欢手动编写 HTML。
【讨论】：