我创建了一个是或否问题的页面。如果您回答“是”并单击“提交”按钮,它将引导您进入enter.html。如果您单击“否”并单击“提交”按钮,它将引导您进入donotenter.html。
由于某种原因,单击一次提交按钮不起作用。用户必须双击它才能工作。我找不到其他人的问题的答案。
function check() {
var c = 0
var q1 = document.quiz.question1.value;
if (q1 == "Yes") {
document.getElementById("myButton").onclick = function() {
window.location = 'enter.html';
};
} else {
document.getElementById("myButton").onclick = function() {
window.location = 'donotenter.html';
};
}
}
<form name="quiz" id="quiz">
<div>
<p> 1. What is the answer to this question:</p>
<P><input type="radio" name="question1" value="Yes">A. Yes</P>
<P><input type="radio" name="question1" value="No">B. NO</P>
</div>
<input type="button" name="" value="Submit" id="myButton" onclick="check()">
</form>
在您的情况下,仅在第二次单击后才触发重定向,因为您是check
在第一次调用时设置了该功能。
<input type="button" name="" value="Submit" id="myButton" onclick="check()">
在此调用中,将单击处理程序替换为仅在第二次按下时才调用的新功能。
为了使代码按预期工作,应check
使用以下代码替换您的函数:
function check() {
var q1 = document.quiz.question1.value;
if (q1 == "Yes") {
window.location = 'enter.html';
} else {
window.location = 'donotenter.html';
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句