我想用 JavaScript 验证单选按钮，以测验我的代码需要什么

i want to validate radio buttons with javascript for a quiz what my code needs?

本文关键字：我的 代码 什么 JavaScript 验证 单选按钮      更新时间：2023-09-26

这是我到目前为止的代码。 我想在我的大学做一个家庭作业，我从昨天开始尝试弄清楚，有人可以帮助我吗？

我

有 5 个问题和每个问题的答案 3 个答案，我想在我点击正确答案时提醒我，当我点击错误答案时提醒我，以便我可以选择另一个

<form name="game">
  <fieldset>
    <ol>
      <li>
        <div> Τι ύψος έχει το φράγμα της λίμνης; </br>
      </li>
      <input type="radio" name="answerswer1" value="200 μέτρα"> 200 μέτρα </br>
      <input type="radio" name="answerswer1" value="125 μέτρα"> 125 μέτρα </br>
      <input type="radio" name="answerswer1" value="83 μέτρα" id="right1"> 83 μέτρα </br>
      <input type="radio" value="Αποστολή">
      <p id="apant1"> </p>
      </div>
      <li>
        <div> Τι μήκος έχει το φράγμα της λίμνης; </br>
      </li>
      <input type="radio" name="answerswer2" value="500 μέτρα"> 500 μέτρα </br>
      <input type="radio" name="answerswer2" value="83 μέτρα"> 83 μέτρα </br>
      <input type="radio" name="answerswer2" value="200 μέτρα"> 200 μέτρα </br>
      <input type="submit" value="Αποστολή">
      </div>
      <li>
        <div> Που βρίσκεται η " Κοιμωμένη των Αγράφων; </br>
      </li>
      <input type="radio" name="answerswer3" value="east"> Ανατολικά της Καρδίτσας </br>
      <input type="radio" name="answerswer3" value="north"> Βόρεια της Καρδίτσας </br>
      <input type="radio" name="answerswer3" value="west"> Δυτικά της Καρδίτσας </br>
      <input type="submit" value="Αποστολή">
      </div>
      <li>
        <div> Ποιόν αιώνα χτίστηκε το Κάστρο του Φαναρίου; </br>
      </li>
      <input type="radio" name="answerswer4" value="15"> 15ο αιώνα </br>
      <input type="radio" name="answerswer4" value="12"> 12ο αιώνα </br>
      <input type="radio" name="answerswer4" value="13"> 13o αιώνα </br>
      <input type="submit" value="Αποστολή">
      </div>
      <li>
        <div> Πότε έγινε η απελευθέρωση της Καρδίτσας από τους Τούρκους? </br>
      </li>
      <input type="radio" name="answerswer5" value="12 Απριλίου 1943"> 12 Απριλίου 1943 </br>
      <input type="radio" name="answerswer5" value="12 Μαίου 1943"> 12 Μαιού 1943 </br>
      <input type="radio" name="answerswer5" value="12 Μαρτίου 1943"> 12 Μαρτίου 1943 </br>
      <input type="submit" value="Αποστολή">
      </div>
    </ol>
  </fieldset>
</form>

以下是可能对您有所帮助的代码。

步骤1：-

首先，将所有正确答案单选按钮的元素 id 设置为"正确"，对于错误答案设置其他内容。

正如您在第一个单选按钮中给出的那样前任：-

<input type="radio" name="answerswer1" value="83 μέτρα" id="right"> 83 μέτρα   </br>

步骤2：-

然后你写这个jquery代码：-

<script>
$(document).ready(function(){
    $("radio").click(function(){
        if($(this).id=="right"){
           alert("correct Answer !")
        }
        else{
           alert("Wrong Answer");
        }
    });
});
</script>
相关文章：