概要

チェックボックスって大きくないですよね。チェックボックスに関するラベルをクリックしたらチェックボックスを On Off できるとユーザビリティが上がりますね！
意外とプロパティ名を忘れそうになるので備忘録。

コード

やりたいこと

「Aを承諾する」を押してもチェックボックスが On Off する

Aを承諾する

form

class HogeForm(forms.Form):
    agreement_a = forms.BooleanField(label="Aを承諾する")

HTML

id_for_label でinputタグにつくid名を取得しましょう！
意外と忘れがちなのは for 属性は label と output にしかつけられないので div につけて動作しない！とならないように。
公式ドキュメント: The Forms API - Django documentation

<label for="{{ form.agreement_a.id_for_label }}">{{ form.agreement_a.label }}</label>{{ form.agreement_a }}

参考

HTML 属性: for - MDN