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

本文介绍了如何使用JS创建一个简单的选择题测评系统,包括表单封装和校验,以及结果展示。系统无数据库支持,仅通过JS处理选择题的提交和答案校验,实现了单选和多选题的功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

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

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

一、设计思路

表单封装:

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

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

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

校验表单(显示结果)

【1】获取get传入的参数

【2】通过JS解析

【3】显示到相应位置

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

二、参考源码如下

request.html

考试系统

function getjson() {

var radio = new Array();

for (var i = 1; i <= 5; i++) {//获取radio的值

var radio_name = new String("radio_" + i);

radio[i - 1] = $('input:radio[name=' + radio_name + ']:checked').val()

}

for (var i = 1; i <= 2; i++) {//获取checkbox的的输入

var checkbox_name = new String("checkbox_" + i);

var chk_value = [];

$('input:checkbox[name=' + checkbox_name + ']:checked').each(function () {

chk_value.push($(this).val());

});

radio[i + 4] = "";//置为空

for (var j = 0; j < chk_value.length; j++) {

radio[i + 4] = radio[i + 4] + chk_value[j];

}

}

//数组转json串

var json

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值