Question

这是我的代码到目前为止。我想在我的大学做一个家庭作业这样做，我想从昨天开始想弄明白，任何人都可以帮助我吗？

我每个人都有5个问题和3个答案，当我找到正确的答案时，我想提醒我，当我找错了那些警报我，以便我可以选择另一个

<form name="game">
  <fieldset>
    <ol>
      <li>
        <div> Τι ύψος έχει το φράγμα της λίμνης; </br>
      </li>

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

Answer 1

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

步骤1： -

首先，您将所有正确答案单选按钮的元素ID设置为“正确”，将错误答案设置为其他内容。

正如你在第一个单选按钮中给出的那样例如： -

<input type="radio" name="answer1" 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>

我想用javascript验证单选按钮，以便测试我的代码需要什么？

1 个答案: