调节复选框和烧瓶中的单选按钮

Question

我在烧瓶中创建了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>