初學者用我的咖啡杯和紅牛為這個哭泣了 3-4 小時后，害羞地尋求幫助。我用谷歌搜索，嘗試了類似 StackOverflow 帖子中的不同方法，但不幸的是沒有運氣。我希望一些經驗豐富的 Web 開發(fā)人員可以看看我做錯了什么或明顯遺漏了什么。它旨在成為我們 LARP 小組（魔法學校書呆子）的有用工具。我想要實現(xiàn)的目標：用戶的 2 個選擇（學習年份/路徑）的組合將時間表顯示為表單下方的 HTML 元素。理想情況下沒有提交按鈕。這是 Codepen：https ://codepen.io/anzuj/pen/QRYwrY ? editors = 1111為便于調試，僅包含“初級”年份選項，因此選擇“初級”年份和“工匠”路徑應生成文本“初級工匠時間表！” 內<span id="classResult"> </span>。代碼似乎有問題，并且沒有為大三選擇生成適當?shù)南?。任何幫助都將受到高度贊賞，作為一個新手，它肯定會因為這樣一個看似簡單的問題而陷入困境。//function to run whenever user changes radio inputs$(document).ready(function() {      $('input[type="radio"]').on("change", function() {        //making chosen radio options to variables        var $year = $('input[name="year"]:checked');        var $path = $('input[name="path"]:checked');        //logic        if ($year.val() == "junior" && $path.val() == "artificer") {          $("classResult").innerHTML = "Junior artificer timetable!";        } else if ($year.val() == "junior" && $path.val() == "cursebreaker") {          $("classResult").innerHTML = "Junior cursebreaker timetable!";        } else if ($year.val() == "junior" && $path.val() == "crypto") {          $("classResult").innerHTML = "Junior crypto timetable!";        }      });    }body {  font-size: 1.2em;}<p>Select your year:</p><input type="radio" id="junior" name="year" value="junior">Junior<br><input type="radio" id="sophomore" name="year" value="sophomore">Sophomore<br><input type="radio" id="senior" name="year" value="senior">Senior<br><p>Select your path:</p><input type="radio" id="artificer" name="path" value="artificer">Artificer<br><input type="radio" id="cursebreaker" name="path" value="cursebreaker">Curse Breaker<br><input type="radio" id="crypto" name="path" value="crypto">Cryptozoologist<br><span id="classResult"> </span><br /><br /><!--jQuery --><script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha256-pasqAKBDmFT4eHoN2ndd6lN370kFiGUFyTiUHWhU7k8=" crossorigin="anonymous"></script>