37687


お世話になっております。  
以下のサイトを参考にサイトを作成しております。  
<http://qiita.com/kaki_k/items/511611cadac1d0c69c54>

Djangoのチェックボックスをmaterializecssの形に合わせて出力したいです。  
デフォルトで出力するとlabelの中にinputが含まれていますが、labelとinputを分離するにはどのように修正すればよいでしょうか。

materializecssのチェックボックスは以下  
<http://materializecss.com/forms.html>

# 現状ソースコード

## [model.py]

[code]

    from django.db import models
    
    class Actress(models.Model):
    ITEM = (
        (1, 'test1'),
        (2, 'test2'),
        (3, 'test3'),
    )
    item = models.IntegerField('アイテム', null=True, default=None, choices=ITEM)
    
[/code]

## [forms.py]

[code]

    from django import forms
    from cms.models import Actress
    
    class ActressForm(forms.ModelForm):
    
        class Meta:
    
            model = Actress
            fields = ('item')
    
[/code]

## [html]

[code]

    <form class="col s12" action="{% url 'cms:actress_add' %}" method="post" role="form">
            {% csrf_token %}
            <div class="row">
                {% for value in form.item %}
                    <p>
                        <input type="checkbox" id="{{ forloop.counter }}" />
                        <label for="{{ forloop.counter }}">{{ value }}</label>
                    </p>
                {% endfor %}
            </div>
    </form>
    
[/code]

# 現状出力コード

[code]

    <p>
    <input type="checkbox" id="1">
    <label for="1">
        <label for="id_item_0">
            <input type="checkbox" name="item" value="1" id="id_item_0">test1
        </label>
    </label>
    </p>
    
[/code]

# 理想の出力コード

[code]

    <p>
    <input type="checkbox" id="1">
    <label for="1">test1</label>
    </p>
    
[/code]

よろしくお願いいたします。


CC BY-SA 3.0
2017-08-30T03:28:34.077
37598
2017-09-03T03:02:16.843
25102
question
python django
Djangoのチェックボックスをmaterializecssの形に合わせて出力したい


HTML側を以下のように書き換えて解決しました。

{% csrf_token %} {% for key, value in form.item.field.choices %}

{{ value }}

{% endfor %}


CC BY-SA 3.0
2017-09-03T03:02:16.843
37687
2017-09-03T03:02:16.843
25102
37598
answer