在Flask中条件检查复选框和单选按钮

Question

我在Flask里创建了3个基本的HTML页面。我做了一个简单的问卷，里面有复选框和单选按钮，像下面的图片所示。
我想加一个条件，比如如果选择了（男性 + 乐器 + 足球 + 排球），那么就应该推荐sports.html和entertainment.html这两个页面。类似地，如果选择了（女性 + 音乐 + 排球），那么就应该显示science.html和entertainment.html这两个页面。
我只是想根据回答的问题来推荐页面。谢谢！

Answer 1

这里有一段Javascript/jQuery脚本，如果选择了“男 + 乐器 + 足球 + 排球”，它会弹出提示框，显示“最佳选择是 sports.html 和 entertainment.html”。而如果选择的是“女 + 音乐 + 排球”，它会弹出提示框，显示“最佳选择是 science.html 和 entertainment.html”。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script>
function suggest(){



if ( $("#male").is(':checked') && $('#mi').is(':checked')  && $('#football').is(':checked') && $('#volleyball').is(':checked') ) {
    alert("The best choices are sports.html and entertainment.html");
    }


else if ($("#female").is(':checked')  && $("#music").is(':checked')  && $("#volleyball").is(':checked') ) {
    alert("science.html and entertainment.html are the best choices");
    }
}
</script>

<input type="radio" id = "male" name ="sex" value="male">Male<br>
<input type="radio" id = "female" name = "sex" value="female">Female<br>

<input type="checkbox" id = "mi"> Musical Instruments<br>
<input type="checkbox" id = "football"> Football<br>
<input type="checkbox" id = "volleyball"> Volleyball<br>
<input type="checkbox" id = "music"> Music<br>
<button type="button" onclick = "suggest()">Submit</button>