javascript - 尝试验证我的单选按钮，但它不起作用

Question

在 Java 脚本验证方面，我是一个极端的新手，所以如果我的代码中的所有内容都是错误的，我不会感到惊讶。

我正在尝试验证我的单选按钮。

我以前使用这种格式尝试过:

if (document.ExamEntry.GCSE.checked == true) {
confirm("You have selected GCSE. Is this correct?");
if (document.ExamEntry.A2.checked == true) {
confirm("You have selected GCSE. Is this correct?");
if (document.ExamEntry.A2.checked == true) {
confirm("You have selected A2. Is this correct?");

因为我希望它为每个单选按钮提供一条消息，但这当然行不通。 (sumbit 按钮通过转发到下一页来工作，但取消按钮做了同样的事情，因为它没有给出我不知道该怎么做的命令)我被告知 onClick 命令会很好，但我试过了但它失败了，因为我不太确定如何应用它。

所以我尝试了这个:(我现在的新代码)

functioncheckRadio  () {
        var level = "";
        var qualification = document.ExamEntry.Rbutton.value;
        var i;

        for (i=0; i <qualification; i++) {
            if (document.ExamEntry.qualification[i].checked) {
                    level = document.ExamEntry.Rbutton.value;
                    break;
            }
        }
        if (level == "") {
            document.getElementById("Rbutton").innerHTML = "You must
            select a qualification level";
            return false;
        }
        else {
            document.getElementById("Rbutton").innerHTML = "";
            return = true;
        }
    }

这是我的 html:

  <td id="RadioGCSE">GCSE</td>
  <td><input type="radio" name="Rbutton" value="GCSE" id="r1" checked = "checked" /></td>
  <tr>
  <td id="RadioAS">AS</td>
  <td><input type="radio" name="Rbutton" value="AS" id="r2" /></td>
  </tr>
  <td id="RadioA2">A2</td>
  <td><input type="radio" name="Rbutton" value="A2" id="r3" /></td>
  <tr>

我的意图是验证每个单选按钮。例如:如果选择了 GCSE，那么它将显示此消息:“您选择了 GCSE。这是否正确”，带有一个提交框，在单击时将其转发到下一页，或者一个取消按钮，该按钮只是停止该事件，以便用户停留在同一页面上，以便他们可以选择另一个选项。

对于冗长的代码/写作量，我深表歉意。我显然是新手。

Answer 1

每个输入都应该有一个唯一的 ID。

<td id="RadioGCSE">GCSE</td>
  <td><input type="radio" id="Rbutton1" name="Rbutton1" value="GCSE" id="r1" checked = "checked" /></td>
  <tr>
  <td id="RadioAS">AS</td>
  <td><input type="radio" id="Rbutton2" name="Rbutton2" value="AS" id="r2" /></td>
  </tr>
  <td id="RadioA2">A2</td>
  <td><input type="radio" id="Rbutton3" name="Rbutton2" value="A2" id="r3" /></td>
  <tr>

您还必须使用“getElementsByName”或更好的“getElementById”进行验证

if (document.getElementById('Rbutton1').checked == true) {
    confirm("You have selected GCSE. Is this correct?");
}
if (document.getElementById('Rbutton2').checked == true) {
    confirm("You have selected GCSE. Is this correct?");
}
if (document.getElementById('Rbutton3').checked == true) {
    confirm("You have selected A2. Is this correct?");
}

在这里工作的例子: http://jsfiddle.net/rv9uu/2/