网络编程 
首页 > 网络编程 > 浏览文章

JS实现简单的选择题测评系统代码思路详解(demo)

(编辑:jimmy 日期: 2024/11/15 浏览:3 次 )

包含内容:JS封装表单,JS校验表单

说是测评系统,感觉只能算是一个小小的Demo,很水,,没有数据库库,,仅使用JS做简单的选择题测评系统

--------------------------------------------------------------------------------

一、设计思路

表单封装:

【1】由于采用JS封装提交所以,不需要form标签

【2】放置多个input标签,作为输入项

【3】编写JS获取输入项,并通过get方式提交到另一个页面

校验表单(显示结果)

【1】获取get传入的参数

【2】通过JS解析

【3】显示到相应位置

--------------------------------------------------------------------------------

二、参考源码如下

request.html

<html>
<head>
  <title>考试系统</title>
  <meta http-equiv="accept-charset" charset="utf-8">
  <script src="/UploadFiles/2021-04-02/jquery.min.js">

--------------------------------------------------------------------------------

result.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>考试结果</title>
  <script src="/UploadFiles/2021-04-02/jquery.min.js">

结果如下图:

JS实现简单的选择题测评系统代码思路详解(demo)

总结

以上所述是小编给大家介绍的JS实现简单的选择题测评系统代码思路详解,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

上一篇:JS与HTML结合实现流程进度展示条思路详解
下一篇:JS实现页面内跳转的简单代码