将CSS类添加到django RadioSelect标签

时间:2014-03-19 18:27:23

标签: django python-2.7 django-forms

所以我有一些像这样设置的小部件

widgets = {
        'history': Select(attrs={'ng-model': 'data.smile_assessment.history'}),
        'concern': Select(attrs={'ng-model': 'data.smile_assessment.concern'}),
        'crowding': RadioSelect(attrs={'ng-model': 'data.smile_assessment.crowding'}),
        'spacing': RadioSelect(attrs={'ng-model': 'data.smile_assessment.spacing'}),
        'age_group': Select(attrs={'ng-model': 'data.smile_assessment.age_group'}),
        'gender': Select(attrs={'ng-model': 'data.smile_assessment.gender'}),
    }

并像这样呈现

<li>{{ form.history }}</li>
<li>{{ form.concern }}</li>
<li>{{ form.crowding }}</li>
<li>{{ form.spacing }}</li>
<li>What is your age group: {{ form.age_group }}</li>
<li>What is your gender: {{ form.gender }}</li>

我想要做的是将相同的css类应用于两个RadioSelect表单的标签。 目前标签看起来像这样

<label for="id_2"></label>

我希望它看起来像这样

<label class="myclass" for="id_2"></label>

不确定如何解决这个问题,我可以修改RadioSelect小部件的attrs,但这只能让我设置输入标签的类,而不是标签标签。

1 个答案:

答案 0 :(得分:0)

对于那些将会看到这个问题的人我找到了一个技巧.....我不知道用RadioSelect()小部件做了什么....我渲染了我的模板这样:

{% for choice in form.category_res %}
        <div class="custom-control custom-radio custom-control-inline">
            {{ choice.tag }}
            <label for="{{ choice.id_for_label  }}" class="custom-control-label">{{ choice.choice_label }}</label>
        </div>
{% endfor %}

(category_res)是我的选择领域 我知道使用django2.0与python3.6,我在我的模板上使用bootstrap4.0 ...我希望这对你有用