Django技术求助：如何移除/隐藏多选复选框的选项标签

下面提供两种无需手动重构表单的解决方案，既能保留ModelForm的便捷性，又能去掉复选框旁的选项标签：

方法一：自定义Widget（后端控制） #

通过继承Django原生的CheckboxSelectMultiple，重写选项生成逻辑，直接清空选项标签文本：

from django.forms.widgets import CheckboxSelectMultiple

class NoLabelCheckboxSelectMultiple(CheckboxSelectMultiple):
    def create_option(self, name, value, label, selected, index, subindex=None, attrs=None):
        option = super().create_option(name, value, label, selected, index, subindex, attrs)
        # 清空选项的标签内容
        option['label'] = ''
        return option

接着在你的表单Meta类的widgets配置中，替换原来的CheckboxSelectMultiple：

widgets = {
    'portfolio': forms.HiddenInput(),
    'start_date': DateInput(),
    'end_date': DateInput(),
    'update_request_time': TimeInput(),
    'skills': NoLabelCheckboxSelectMultiple(),  # 替换为自定义Widget
}

方法二：CSS隐藏（前端控制） #

如果不想改动后端代码，直接用CSS定位到复选框对应的标签元素并隐藏：

Django渲染CheckboxSelectMultiple时，每个选项的HTML结构大致如下：

<div>
    <label>
        <input type="checkbox" name="skills" value="xxx"> animation
    </label>
</div>

添加以下CSS规则即可隐藏选项标签：

/* 针对单个表单的skills字段 */
#id_skills label {
    display: none;
}

/* 适配FormSet场景（表单带form-0、form-1等前缀） */
[id^="id_form-"] [name*="skills"] label {
    display: none;
}

这两种方法都能保留复选框本身，且不影响其他字段的ModelForm管理，适合你要做的网格布局需求。

内容的提问来源于stack exchange，提问作者Kevin Dinn