1

我有一个带有 n 个选项的单选按钮,这些选项本身是从数据库中提取的。

表格.py

class FilterForm(forms.Form):
    DressTable = mydb['DressInfo']
    ColorTable =mydb['ColorInfo']
    dress = forms.ChoiceField(widget=forms.RadioSelect,choices=[(obj['subcatvalue'], obj['subcategory']) for obj in DressTable.find({})])
    color = forms.ChoiceField(widget=forms.RadioSelect,choices=[(obj['subcatvalue'], obj['subcategory']) for obj in ColorTable.find({})])

这是我的意见.py

def dayview(request): 
    form = FilterForm()
    return render(request, 'searchpage.html',{'form': form})

这是我的模板文件 searchpage.html

<form method="post" action="SearchDisplay" id="searchFilter">

<div id="checkbox">
    <ul>
        {{ form.dress }}
    </ul>
</div>

<div id="checkbox">
    <ul>
        {{ form.color}}
    </ul>
</div>
</form>

我希望选择在每行两列中显示为单选按钮,等距。我尝试过脆皮选项,但我猜这是整个形式。

如何获得如图所示的所需结果:

2列收音机

4

1 回答 1

1

通过将以下内容添加到模板文件来实现它

.radiobuttons-container {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
于 2021-09-22T10:16:33.777 回答