如何使用Materialize和WTForms的单选按钮？

Question

在Materialize中，您使用属性name定义单选按钮的单选组，但Flask-WTForms将输入与属性name绑定。

{{ form.radio1(type='radio', name='group1') }}
{{ form.radio2(type='radio', name='group1') }}

将出现错误：

TypeError: html_params() got multiple values for keyword argument 'name'

如果我们不添加名称，收音机就不能像收音机一样工作，就像复选框一样工作，就像预期的那样。

我怎么能绕过这件事？

class AbcForm(FlaskForm):
    field1 = HiddenField('Field1')
    field2 = HiddenField('Field2')

class F(AbcForm):
    pass

    setattr(F, radio1, BooleanField('Radio1')
    setattr(F, radio2, BooleanField('Radio2')

form = F(field1=x, field2=y)

Answer 1

您不能在字段中设置name属性，wtforms已经为您设置了。

使用RadioField而不是HiddenField：

from wtforms import RadioField
from flask_wtf import Form

class YourForm(Form):
    radio_group = RadioField('label', choices=[('value','description'),('value_two','some other description')])
    (...)

然后，在endpoint中：

@route('/your/route')
def your_endpoint():
    your_form = YourForm()
    (...)
    return render_template('/your/template.html', form=your_form)

<form action="#">
    {% for subfield in form.radio_group %}
    <p>
        {{ subfield }}
        {{ subfield.label }}
    </p>
    {% endfor %}
</form>

这将生成以下代码：

  <form action="#">
    <p>
      <input id="radio_group-0" name="radio_group" type="radio" value="value">
      <label for="radio_group-0">description</label>
    </p>
    <p>
      <input id="radio_group-1" name="radio_group" type="radio" value="value_two">
      <label for="radio_group-1">some other description</label>
    </p>
  </form>

如果模板中包含了materialize，它将正确地呈现单选按钮，如这个柱塞所示。