取消按钮不适用于确认窗口

Question

我正在尝试验证 JavaScript 中的单选按钮，这是我的代码：

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

显示确认窗口并成功单击“提交”将您带到下一页，但是取消按钮似乎不起作用 - 当我希望它留在页面上时它只会将您带到下一页所以你可以改变你的选择。

我已经尝试过诸如返回结果之类的东西； 结果=假

它们要么不起作用，要么如果起作用，则反之亦然，因此取消按钮通过保持在同一页面上而起作用，但提交按钮也会发生这种情况。

Answer 1

查看confirm 上的文档。它说，

result 是一个布尔值，表示选择了 OK 还是 Cancel（true 表示 OK）

这意味着你的每一行都应该检查返回值。一个简洁的方法是，例如：

if (!confirm("You have selected A2. Is this correct?")) {
    // event.cancel = true, or whatever you need to do on your side to cancel
} // otherwise fall through and do what you're doing.

就目前而言，由于您从不查看confirm 的返回值，因此您总是会陷入“成功”案例。

Answer 2

var gcse = true, 
    as   = true,
    a2   = true;

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

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

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

if (gcse && as && a2) {
    // you're golden
    window.location.href = 'otherpage'
}

Answer 3

if (document.ExamEntry.GCSE.checked == true) { 
    if(confirm("You have selected GCSE. Is this correct?")) {
        // do something
    }
} if (document.ExamEntry.AS.checked == true) {
    if(confirm("You have selected AS. Is this correct?")) {
        // do something
    }
}  
if (document.ExamEntry.A2.checked == true) {
    if(confirm("You have selected A2. Is this correct?")) {
        //do something
    }
}