我在网络应用程序上有一组 Twitter Bootstrap 按钮,我需要将选择传递给 Flask,我不想使用提交按钮。
<div id="radios1" class="btn-group view-opt-btn-group" data-toggle="buttons-radio">
<button type="button" class="btn active" name="choice1" value="A">A</button>
<button type="button" class="btn" name="choice1" value="B">B</button>
<button type="button" class="btn" name="choice1" value="C">C</button>
<button type="button" class="btn" name="choice1" value="D">D</button>
<button type="button" class="btn" name="choice1" value="E">E</button>
</div>
Twitter bootstrap 会根据点击自动更新 class="btn active" 设置。但是如何将选定的按钮传递给 Flask?我希望单击按钮以调用烧瓶应用程序中的函数(python 函数)并更新特定设置,但我不想在每次单击时重新加载整个网页。
我已经看到一些具有隐藏按钮的解决方案,带有更新隐藏按钮值的 jquery 函数,但是该选择如何传递给烧瓶:
<div id="radios1" class="btn-group view-opt-btn-group" data-toggle="buttons-radio">
<button type="button" class="btn active" name="choice1" value="A">A</button>
<button type="button" class="btn" name="choice1" value="B">B</button>
<button type="button" class="btn" name="choice1" value="C">C</button>
<button type="button" class="btn" name="choice1" value="D">D</button>
<button type="button" class="btn" name="choice1" value="E">E</button>
<input type="hidden" name="choice1" value={{request.form['choice1']}} />
</div>
<script type="text/jscript">
$("body").find("#radios1").children().each(function () {
$(this).bind('click', function () {
$("input[name=choice1]").val(this.value);
});
});
</script>
谢谢!