Symfony Bootstrap 4表单布局继承：重写radio_widget时单选框重复

看起来你在改造Bootstrap 4表单的单选框结构时踩了个常见的坑——把custom-control的div换成label后，因为默认渲染逻辑的重叠导致了元素重复。我来帮你梳理下问题根源和修复方案：

问题本质 #

默认的radio_widget（或者Bootstrap集成的版本）已经包含了input和label的渲染逻辑，如果你直接替换容器为label但又保留了父块的调用（比如{{ parent() }}），或者重复调用了form_widget(form)/form_label(form)，就会导致input或label被渲染两次，出现重复的单选框。

正确的重写代码 #

下面是调整后的radio_widget块，既能把容器换成label，又避免重复：

{% block radio_widget %}
    {% set parent_label_class = parent_label_class|default(label_attr.class|default('')) %}
    {% if 'radio-custom' in parent_label_class %}
        {# 给input添加custom-control-input类 #}
        {% set attr = attr|merge({
            class: (attr.class|default('') ~ ' custom-control-input')|trim
        }) %}
        {# 将原div替换为label，合并label的样式属性 #}
        <label {% with { attr: label_attr|merge({
            class: (label_attr.class|default('') ~ ' custom-control custom-radio')|trim
        }) } %} {{ block('attributes') }} {% endwith %}>
            {# 渲染单选框input #}
            {{ form_widget(form) }}
            {# 直接输出标签文本，避免调用form_label导致重复 #}
            <span class="custom-control-label">{{ label|trans({}, translation_domain) }}</span>
        </label>
    {% else %}
        {# 对不使用radio-custom类的情况，保留默认渲染逻辑 #}
        {{ parent() }}
    {% endif %}
{% endblock %}

关键注意事项 #

1. 避免重复渲染：不要在同一个块里同时调用parent()和form_widget(form)，否则input会被渲染两次。只有在else分支处理非自定义样式的单选框时才用parent()。
2. 不要重复调用form_label：我们已经把标签文本直接放在<span class="custom-control-label">里了，再调用form_label(form)会额外生成一个label元素，导致标签重复。
3. 属性合并要准确：确保把custom-control和custom-radio类加到新的label容器上，input加上custom-control-input，保持Bootstrap的样式逻辑。

额外排查点 #

• 检查你的表单类型定义，确认label_attr里确实添加了radio-custom类，这样这个自定义逻辑才会触发。
• 查看是否有其他自定义的表单块（比如form_row）也在修改单选框的渲染，避免逻辑冲突。

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