Javascript 单击“提交”按钮后的成绩测验
我正在尝试写一个简单的十题测验。然而，我遇到了一个问题；单击“提交”按钮后，我无法获取要运行的评分代码。有人能帮忙吗 HTML代码：Javascript 单击“提交”按钮后的成绩测验,javascript,Javascript,我正在尝试写一个简单的十题测验。然而，我遇到了一个问题；单击“提交”按钮后，我无法获取要运行的评分代码。有人能帮忙吗 HTML代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <h
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Quiz #1</title>
<link href="quiz.css" rel="stylesheet" type="text/css" />
<link href="reset.css" rel="stylesheet" type="text/css" />
<script src="quiz.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"
type="text/javascript"></script>
</head>
<body>
<div class="center">
<div id="questionContainer">
<div id="header">
<h1>State Capitol Quiz</h1>
</div>
<div id="left">
<form action="quiz.html" class="container">
<div class="blank">
<br />
<br />
<p id="one">1. What is the capitol of Michigan?<br />
<div class="tab">
<input type="radio" name="question" value="A" /> Lansing<br />
<input type="radio" name="question" value="B" /> Richmond<br />
<input type="radio" name="question" value="C" /> Austin<br />
<input type="radio" name="question" value="D" /> Columbus<br />
</div>
</p>
</div>
</form>
<form action="quiz.html" class="container">
<div class="blank">
<br />
<br />
<p id="two">2. What is the capitol of Virginia?<br />
<div class="tab">
<input type="radio" name="question" value="A" /> Lansing<br />
<input type="radio" name="question" value="B" /> Richmond<br />
<input type="radio" name="question" value="C" /> Lincoln<br />
<input type="radio" name="question" value="D" /> Reno<br />
</div>
</p>
</div>
</form>
<form action="quiz.html" class="container">
<div class="blank">
<br />
<br />
<p id="three">3. What is the capitol of Arkansas?<br />
<div class="tab">
<input type="radio" name="question" value="A" /> Dallas<br />
<input type="radio" name="question" value="B" /> Lincoln<br />
<input type="radio" name="question" value="C" /> Little Rock<br />
<input type="radio" name="question" value="D" /> Cheyene<br />
</div>
</p>
</div>
</form>
<form action="quiz.html" class="container">
<div class="blank">
<br />
<br />
<p id="four">4. What is the capitol of Arizona?<br />
<div class="tab">
<input type="radio" name="question" value="A" /> Juneau<br />
<input type="radio" name="question" value="B" /> Honolulu<br />
<input type="radio" name="question" value="C" /> Pheonix<br />
<input type="radio" name="question" value="D" /> Toledo<br />
</div>
</p>
</div>
</form>
<form action="quiz.html" class="container">
<div class="blank">
<br />
<br />
<p id="five">5. What is the capitol of Florida?<br />
<div class="tab">
<input type="radio" name="question" value="A" /> Oakland<br />
<input type="radio" name="question" value="B" /> Kansas City<br />
<input type="radio" name="question" value="C" /> Tallahassee<br />
<input type="radio" name="question" value="D" /> Miami<br />
</div>
</p>
</div>
</form>
<form action="quiz.html" class="container">
<div class="blank">
<br />
<br />
<p id="six">6. What is the capitol of Nebraska?<br />
<div class="tab">
<input type="radio" name="question" value="A" /> Omaha<br />
<input type="radio" name="question" value="B" /> Lincoln<br />
<input type="radio" name="question" value="C" /> Sacramento<br />
<input type="radio" name="question" value="D" /> Sab Diego<br />
</div>
</p>
</div>
</form>
</div>
<div id="right">
<form action="quiz.html" class="container">
<br />
<br />
<div class="blank">
<p id="seven">7. What is the capitol of Texas?<br />
<div class="tab">
<input type="radio" name="question" value="A" /> Fortworth<br />
<input type="radio" name="question" value="B" /> Richmond<br />
<input type="radio" name="question" value="C" /> Austin<br />
<input type="radio" name="question" value="D" /> Las Vegas<br />
</div>
</p>
</div>
</form>
<form action="quiz.html" class="container">
<div class="blank">
<p id="eight">8. What is the capitol of Alaska?<br />
<div class="tab">
<input type="radio" name="question" value="A" /> Tulsa<br />
<input type="radio" name="question" value="B" /> Oaklahoma City<br />
<input type="radio" name="question" value="C" /> Austin<br />
<input type="radio" name="question" value="D" /> Juneau<br />
</div>
</p>
</div>
</form>
<form action="quiz.html" class="container">
<div class="blank">
<p id="nine">9. What is the capitol of Hawaii?<br />
<div class="tab">
<input type="radio" name="question" value="A" /> Paris<br />
<input type="radio" name="question" value="B" /> Honolulu<br />
<input type="radio" name="question" value="C" /> Austin<br />
<input type="radio" name="question" value="D" /> Cadilac<br />
</div>
</p>
</div>
</form>
<form action="quiz.html" class="container">
<div class="blank">
<p id="ten">10. What is the capitol of Ohio?<br />
<div class="tab">
<input type="radio" name="question" value="A" /> Cleveland<br />
<input type="radio" name="question" value="B" /> Green Bay<br />
<input type="radio" name="question" value="C" /> Austin<br />
<input type="radio" name="question" value="D" /> Columbus<br />
</div>
</p>
</div>
</form>
<div id="button">
<input type="submit" value="submit" />
</div>
</div>
</div>
</div>
</body>
</html>
小测验#1
州议会测验
1。密歇根州的国会大厦是什么？
兰辛
里士满
奥斯汀
哥伦布
2。弗吉尼亚州的国会大厦是什么？
兰辛
里士满
林肯
雷诺
3。阿肯色州的国会大厦是什么？
达拉斯
林肯
小石城
切耶恩
4。亚利桑那州的国会大厦是什么？
朱诺
檀香山
凤凰
托莱多
5。佛罗里达州的国会大厦是什么？
奥克兰
堪萨斯城
塔拉哈西
迈阿密
6。内布拉斯加州的国会大厦是什么？
奥马哈
林肯
萨克拉门托
萨布·迭戈
7。德克萨斯州的国会大厦是什么？
福特沃斯
里士满
奥斯汀
拉斯维加斯
八个。阿拉斯加的国会大厦是什么？
塔尔萨
瓦克拉荷马市
奥斯汀
朱诺
9。夏威夷的国会大厦是什么？
巴黎
檀香山
奥斯汀
卡迪拉克
10。俄亥俄州的国会大厦是什么？
克利夫兰
绿湾
奥斯汀
哥伦布
$(document).ready(function(){
$("#button").click(function(){
var numQues= 10;
var numChoices= 4;
var answers = new Array(10);
answers[0] = "Lansing";
answers[1] = "Richmond";
answers[2] = "Little Rock";
answers[3] = "Pheonix";
answers[4] = "Tallahassee";
answers[5] = "Lincoln";
answers[6] = "Austin";
answers[7] = "Juneau";
answers[8] = "Honolulu";
answers[9] = "Columbus";
function getScore(form){
var score = 0;
var currElt;
var currSelection;
for(i = 0; i<numQues; i++){
currElt = i * numChoi;
for(j = 0; j<numChoi; j++){
currSelection = form.elements[currElt + j];
if(currSelection.checked){
if(currSelection.value == answers[i]){
score++;
break;
}
}
}
}
score = math.round(score/numQues * 100);
form.precentage.value = score + "%";
var corrAnswers = "";
for(i = 1; i <numQues; i++){
corrAnswers += i + "." + answers [i - 1] + "\r\n;"
}
form.solutions.value = corrAnswers/numQues * 100 + "%";}
});
});
$（文档）.ready（函数（）{
$（“#按钮”）。单击（函数（）{
var numQues=10；
变量numChoices=4；
var answers=新数组（10）；
答案[0]=“兰辛”；
答案[1]=“里士满”；
答案[2]=“小石城”；
答案[3]=“凤凰”；
答案[4]=“塔拉哈西”；
答案[5]=“林肯”；
答案[6]=“奥斯汀”；
答案[7]=“朱诺”；
答案[8]=“檀香山”；
答案[9]=“哥伦布”；
函数getScore（表格）{
var得分=0；
var currElt；
变量选择；
对于（i=0；i
<div id="button">
<input type="submit" value="submit" />
</div>
到
请参见使用类型按钮而不是提交。
Submit将表单发回服务器，这将阻止JavaScript运行
<input id="myButton" type="button" value="submit" />
$("#myButton").click(function(){});
$（“#myButton”）。单击（函数（）{}）；
请发布整个HTML。不过需要注意一点。您将单击处理程序应用于div，而不是输入元素。这到底应该是什么样子？
<input id="myButton" type="button" value="submit" />
$("#myButton").click(function(){});