javascript - 调节 flask 中的复选框和单选按钮

Question

我在 Flask 中创建了 3 个基本的 html 页面。我创建了一个简单的调查问卷，其中包含复选框和单选按钮，如下图所示。我希望能够添加一个条件，例如，如果(男性+乐器+足球+ Volley )则应建议sports.html和tainment.html。类似地，如果(女性+音乐+ Volley )则应显示science.html和entainment.html。我只是希望能够根据回答的问题推荐页面。谢谢

Answer 1

这是一个 Javascript/jQuery 脚本，如果选择了男性 + 乐器 + 足球 + Volley ，则会提醒“最佳选择是 sports.html 和 Entertainment.html”，并且如果选择女性+音乐+ Volley ，“science.html 和tainment.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>