个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我想在不使用 PHP 的情况下制作一个 HTML 测验，并将所有问题放在同一页面上。
这里是预览 http://bit.ly/17jlurT
单击“Nakijken”按钮后如何获得正确的遮阳篷
带有 JS 的 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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Kleuren</title>
<link rel="stylesheet" href="reset.css" />
<link rel="stylesheet" href="style.css" />
</head>
<script type="text/javascript" src="jq/jq.js"></script>
<body>
<div id="container">
<div id="links">
<div style="width: 40%; float:left" >
</div> <div style="float:left; position:relative; margin-right:40px">
<h2>Zo, eens kijken of jij goed hebt opgelet!</h2><br />
<form name="input" action="html_form_action.asp" method="get">
<p class="question">1. Welke kleuren zijn de primaire kleuren?</p>
<p>
<input type="radio" name="Q1" value="A1">Groen, rood en blauw
<br>
<input type="radio" name="Q1" value="A2">Oranje, geel en blauw
<br>
<input type="radio" name="Q1" value="A3">Rood, geel en blauw
<br></p><br>
<p class="question">2. Wat betekend blauw bloed?</p>
<p>
<input type="radio" name="Q2" value="A1">Dat iemand geen rood, maar blauw bloed heeft
<br>
<input type="radio" name="Q2" value="A2">Iemand van adel heeft blauw bloed
<br>
<input type="radio" name="Q2" value="A3">Als je het koud hebt is je bloed blauw
<br></p><br>
<p class="question">3. Zwart...</p>
<p>
<input type="radio" name="Q3" value="A1">Alle kleuren op en is daarom zwart
<br>
<input type="radio" name="Q3" value="A2">Stoot juist alle kleuren af, en is daarom zwart
<br></p><br>
</div>
</div>
<div id="rechts">
<div style="width: 60%; float:left">
<p class="question">4. Zwart...</p>
<p>
<input type="radio" name="Q4" value="A1">Alle kleuren op en is daarom zwart
<br>
<input type="radio" name="Q4" value="A2">Stoot juist alle kleuren af, en is daarom zwart
<br></p><br>
<p class="question">5. Zwart...</p>
<p>
<input type="radio" name="Q5" value="A1">Alle kleuren op en is daarom zwart
<br>
<input type="radio" name="Q5" value="A2">Stoot juist alle kleuren af, en is daarom zwart
<br></p><br>
<br>
<input type="submit" value="" onclick="checkTest()">
</form>
</div>
<script type="text/javascript">
function checkTest() {
var count = 0;
if ($('input[type="radio"][name=Q1]:checked').val() == "A1") {
count++;
}
if ($('input[type="radio"][name=Q2]:checked').val() == "A2") {
count++;
}
if ($('input[type="radio"][name=Q3]:checked').val() == "A1") {
count++;
if ($('input[type="radio"][name=Q4]:checked').val() == "A2") {
count++;
}
if ($('input[type="radio"][name=Q5]:checked').val() == "A1") {
count++;
}
if (count > 4) {
alert("Gefeliciteerd, je hebt goed opgelet!");
} else {
alert("Dat kan beter, blader nog maar eens goed door de app en probeer het nog eens!");
{
</script>
</body>
</html>
提前致谢
编辑-代码修复
最佳答案
请注意，如果您想在前端存储答案，开发人员很容易作弊。也就是说，您的代码存在两个基本问题:
id。eval 已经够糟糕了，但是当有更简单的转换方法时，您似乎正在使用它来将字符串转换为数字。您可以删除 js_set_rad 因为您似乎没有使用它。这也是不必要的。
您可以实现checkTest 函数(目前未使用)。事实上，您可以只更改 checkTest。 js_score 可以删除，因为它未被使用并且无论如何都不会工作。以下是我将如何执行 checkTest:
var i,
score = 0,
x = 1,
q = document.getElementsByName("q" + x);
while (q.length) {
for (i = 0; i < q.length; 1++) {
if (q[i].checked) {
score += q[i].value;
}
}
x++;
q = document.getElementsByName("q" + x);
}
alert("Your score: " + score);
关于javascript - HTML jquery 测验，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19249042/
25
4
0
我知道这曾经是一个话题，但搜索后我找不到答案 - 也许我的问题太基本了。不过，我正在创建一个 html 测验 - 5 页，分数从一页到下一页，然后在最后评分。 这是我正在尝试使用的代码，但它根本不起作
已结束。此问题正在寻求书籍、工具、软件库等的推荐。它不满足Stack Overflow guidelines 。目前不接受答案。 我们不允许提出寻求书籍、工具、软件库等推荐的问题。您可以编辑问题，以便
我正在做一个简单的 php 问答游戏。我将问题和答案存储在数据库中。我的 tblQuiz 的表结构是这样的: _id, question, answer1, answer2, answer3, cor
我在考试中遇到了这个问题。 以下不正确 javascript 代码的输出是什么？错误是什么？ num=0; if (num > 10); { num = num + 10; } alert(n
我在 JavaScript 中验证 4 个问题多项选择测验时似乎遇到了一些问题。现在，如果没有选择任何答案，则会弹出警报，但即使只选择了一个答案，警报也不会弹出。我正在将我的函数作为提交按钮的 onc
我正在尝试使用 JavaScript 构建一个问答游戏。 测验答案存储在变量中，如下所示: var correctAnswer = $('#createCorrectAnswer').val(); 然
下面我做了一个小测验，有 4 个问题，问题 2,3 和 4 被 CSS 隐藏了，但是你可以尝试从 CSS 中删除样式 (".pytja2, .pytja3, .pytja4 { display: no
private void startGame() { System.out.println("Exercises must be completed as quickly as pos
这听起来像是我之前问过的问题，但它只得到了部分回答。所以我想从我提出的问题开始。然后，一旦到达最后一个问题(#5)，它就会返回到第一个问题(#1)，当到达起始问题时，它将停止。我尝试在以下代码中执行此
愚蠢的问题，但我的教授不回复电子邮件，所以我在这里问。我现在正在复习期末考试，并且正在复习期中考试来学习。现在，这真的很愚蠢，因为我两个月前就答对了这个问题。但对于我的一生来说，现在回想起来，我无法弄
我无法编写一个循环来计算我为我的 wordpress 网站创建的测验的分数。 测验样式是“将 A 列中的项目与 B 列中的项目进行匹配”。 B 列项目使用选择元素来匹配 A 列中的相应项目。 我能想到
为什么选择不正确单选选项时，if语句中的else仍然出现？ else 部分只应在未选择单选按钮时出现。真正的结果是下一个问题和可能的答案出现。这是 jsfiddle .我做错了什么？ function
我正在尝试为西类牙语类(class)创建测验。我对 JavaScript 经验不多，但对 html 和 CSS 相当精通。我有一个问题，然后是三个带答案的单选按钮。有两个错误答案和一个正确答案。我总共
我正在编写一个允许用户设置个人测验的程序(如记事卡式系统)。参加测验时，用户会在每个问题上计时。虽然答案不会是多项选择，但它们将由用户输入。 有没有一种方法可以让我充分接受那些不是他们第一次设置测验时
我正在尝试根据找到的教程创建一个简单的测验。 http://css-tricks.com/building-a-simple-quiz/ 不幸的是，这让我无法自拔，答案可能非常简单。 我让这个工作完美
最近我遇到了以下测验。想象一下我们有这张 table +--------+ | colors | +--------+ | red | | black | | white | | green
这里的 W3Schools 网站上发布了一个 jQuery 测验... http://www.w3schools.com/quiztest/quiztest.asp?qtest=jQuery 问题#1
我正在写一个简单的在线测验。有四个单选按钮作为选择。最初，脚本仅填充第一个问题的选项。之后，用户应该选择下一个并单击按钮。如果答案与正确的匹配，则总数递增。否则，将加载下一个问题。提交第 10 个问题
我不是 Haskell 程序员，但我对以下问题感到好奇。 非正式函数规范: 令 MapProduct 为一个函数，它采用名为 F 的函数和多个列表。它返回一个列表，其中包含使用每个可能组合中每个列表中
关闭。这个问题需要多问focused 。目前不接受答案。 想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post . 已关闭 6 年前。 Improve this ques
我是一名优秀的程序员,十分优秀！