HTML和Python - 单选按钮选择然后重定向

时间:2017-03-22 21:39:17

标签: python html

当我点击选择的单选按钮时,我想要我的应用程序,它会将我重定向到我想要的页面,这里是我的代码:

@app.route('/',  methods=['GET', 'POST'])
def main():
    if request.method == 'GET': #html radio form
        return render_template('home.html', selected = "home")

然后我的HTML文件:

<h2>What do you want to do?</h2>

<form method = "GET">

<form class="p2c-form">
                    <fieldset>
                        <div class="p2c-form-group">
                            <label for="show">Show all SKU</label>
                            <input id="show" type="radio">
                        </div>

                        <div class="p2c-form-group">
                            <label for="add">Add an SKU</label>
                            <input id="add" type="radio">
                        </div>

                        <div class="p2c-form-group">
                            <label for="remove">Remove an SKU</label>
                            <input id="remove" type="radio">
                        </div>

                        <div class="p2c-form-group">
                            <label for="insert">Insert an SKU</label>
                            <input id="insert" type="radio">
                        </div>

                        <div class="p2c-form-group">
                            <label for="forecast">Use forecaster</label>
                            <input id="forecast" type="radio" >
                        </div>



                            <button type="submit" class="p2c-button" value = "p2cbtn">Submit</button>
                        </div>
                    </fieldset>
                </form>

我如何 - 否则这些按钮的值,以便当用户选择单选按钮然后单击&#34;提交&#34;时,他将被重定向到指定的页面。我是否在HTML中使用if-else(使用&lt; %%&gt;?或在Python中(使用request.form [&#39;&#39;]?如何处理此问题?

1 个答案:

答案 0 :(得分:0)

你可以在python中使用request.form,甚至不用创建if-else块

def x():
    var = request.form["Radio"]
    return render_template("%s.html" % var, selected="home")

确保设置单选按钮的名称。如果您只希望用户选择其中一个单选按钮,请将它们设置为相同的名称

<input type="radio" name="Radio" val="select">
<input type="radio" name="Radio" val="show">

这将确保只能选择其中一个按钮