• 主页
  • 不带提交按钮的单选按钮

不带提交按钮的单选按钮

我发现here是一个在没有提交按钮的情况下使用单选按钮的例子。我未能将此示例转换为Flask。

static/vehicle.js

$('#myform input[type=radio]').on('change', function(event) {
    var result = $(this).val();
    $('#result').html(result);
  })

tamplates/example.html

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="{{url_for('static', filename='vehicle.js')}}"></script>
<form id="myform" action="" method="post">
    {{ form.example }}
    <div id="result"></div>
</form>

test.py

from flask import Flask, render_template
from wtforms import Form, RadioField

SECRET_KEY = 'development'

app = Flask(__name__)
app.config.from_object(__name__)


class SimpleForm(Form):
    example = RadioField(
        'Label', choices=[('home', 'home'), ('side1', 'side1'), ('side1', 'side1')])


@app.route('/', methods=['post', 'get'])
def hello_world():
    form = SimpleForm()
    if form.validate():
        print(form.example.data)
    else:
        print(form.errors)
    return render_template('example.html', form=form)

if __name__ == '__main__':
    app.run(debug=True)

不幸的是,按下单选按钮似乎不能打印该值。

我错过了什么?

提前谢谢你

转载请注明出处:http://www.jxbyjx.net/article/20230515/2516344.html