Javascript 使用jQuery创建测验

有没有人举过一个使用jQuery进行测验的例子，而没有对结果进行服务器端处理？回答问题后，结果会立即显示。：）

这是@gov所说的，但基本上我只想捕捉表单的提交：

<form id="myform" onsubmit="return mySubmitHandler()">

$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“p”）.hide（）；
});
});
$（文档）.ready（函数（）{
var a=$（“.question”）；
a、 每个（功能（索引）{
var flip=$（this.find（“.flip”）；
var panel=$（this.find（“.panel”）；
翻转。单击（函数（）{
面板。向下滑动（“缓慢”）；
});
});
});

分区面板，分区翻转
{
边际：0px；
填充物：5px；
文本对齐：居中；
背景：#e5eecc；
边框：实心1px#c3c3；
宽度：140px；
}
分区小组
{
显示：无；
}
分区问题
{
浮动：左；
}
部门问题
{
高度：80px；
}
这里有一个例子，在初始javascript出现后，添加更多问题就相当容易了：
Javascript示例
1） 一个字节有多少位

错
7.
赖特
8.

$（文档）.ready（函数（）{
可变项目=[
[“男性”]，
[“公共汽车”、“自行车”]，
[‘画画’、‘板球’]，
[“曲棍球”]，
[“女性”]，
[‘公共汽车’、‘自行车’、‘汽车’]，
[“绘画”、“素描”、“水池”]，
[板球]
];
var totalQuestion=items.length；
var-correctAns=-1；
var i=0；
var j=0；
$（'.checkBtn'）。在（'click'，function（）上{
$（'.block'）。每个（函数（）{
$（this）.children（'input'）.each（function（）{
如果（$（this）.is（':checked'））
{
if（items[i][j]==$（this.val（））{
$（this.parent（）.removeClass（'error'）；
$（this.parent（）.addClass（'correct'）；
if（j<项目[i].长度-1）{
j++；
} 
}否则{
$（this.parent（）.removeClass（'correct'）；
$（this.parent（）.addClass（'error'）；
返回false；
}
}否则{
if（items[i][j]==$（this.val（））{
$（this.parent（）.removeClass（'correct'）；
$（this.parent（）.addClass（'error'）；
}
}
});
i++；
j=0；
});
$（'.answer'）.html（$（'.correct'）.length+“/”+totalQuestion）；
});
});

.block{
填充：10px 15px；
边缘底部：15px；
边框：2个实心#达达；
边界半径：5px；
}
.对{
边框：2倍纯绿；
}
.不正确{
边框：2倍纯红；
}
输入{
填充：10px；
边框：1px实心#达达；
}
跨度{
填充：2x10px；
显示：内联块；
}


HTML教程


性别？
男性

女性
车辆？
公共汽车

自行车

汽车
爱好
绘画

草图

池

板球
全国比赛？
板球

曲棍球
性别？
男性

女性
车辆？
公共汽车

自行车

汽车
爱好
绘画

草图

水塘
全国比赛？
板球

曲棍球


我想如果答案包含在客户端，那么获得正确答案会容易得多。用户需要做的就是查看源代码。这不是一个考试，只是一个小测验，没有挑战。sac，你可以用div，hiddens-span-hiddens方法来做，对吧？这里的一个大问题是答案很容易找到。如果它们是加密的，或者以某种方式从外部文件加载的。。。
function mySubmitHandler()
{
    // the following are just examples of what you could do
    var q1val = jQuery('#q1').val();
    var q2val = jQuery('#q2').val();
    if(q1val + q2val > 5)
        jQuery('#success').show();
    else
        jQuery('#fail').show();
    // end example
    return false; // this keeps the form from doing a postback
}