答题模板

最新推荐文章于 2022-04-21 16:08:48 发布

Jxiaocai

最新推荐文章于 2022-04-21 16:08:48 发布

阅读量379

点赞数

分类专栏：前端开发

本文链接：https://blog.csdn.net/Jxiaocai/article/details/79058952

版权

前端开发专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>选择题</title>
</head>

<body>
<div class="box">
<div class="question_box">
1+1=?
</div>
<div class="" id="list">
<input type="radio" name="ansers" value="" /><label for="">1</label>
<input type="radio" name="ansers" value="" /><label for="">1</label>
<input type="radio" name="ansers" value="" /><label for="">1</label>
<input type="radio" name="ansers" value="" /><label for="">1</label>
</div>
</div>
<script type="text/javascript">
var question = [{
question: "1+1=?",
anser: [{
anser: "1",
done: "_false"
}, {
anser: "2",
done: "_true"
}, {
anser: "1",
done: "_false"
}, {
anser: "1",
done: "_false"
}]
}, {
question: "1+2=?",
anser: [{
anser: "1",
done: "_false"
}, {
anser: "3",
done: "_true"
}, {
anser: "1",
done: "_false"
}, {
anser: "1",
done: "_false"
}]
}, {
question: "1+3=?",
anser: [{
anser: "1",
done: "_false"
}, {
anser: "4",
done: "_true"
}, {
anser: "1",
done: "_false"
}, {
anser: "1",
done: "_false"
}]
}, {
question: "1+4=?",
anser: [{
anser: "1",
done: "_false"
}, {
anser: "5",
done: "_true"
}, {
anser: "1",
done: "_false"
}, {
anser: "1",
done: "_false"
}]
}, ];
var count = 0;
var questionBox = document.querySelector(".question_box");
var _input = document.querySelectorAll("input");
var _label = document.querySelectorAll("label");
xuanran();
function xuanran() {
questionBox.innerHTML = question[count].question;
for(var i = 0; i < _input.length; i++) {
_input[i].checked = false;
_input[i].classList.add(question[count].anser[i].done);
_label[i].innerHTML = question[count].anser[i].anser;
}
}
var list = document.getElementById("list");
list.onclick = function(e){
_li = e.target;
if (_li.className.indexOf("_false")>-1){
alert("回答错误,停止答题");
}else{
count++;
if(count==question.length){
alert("恭喜你,全部回答正确");
return;
}
xuanran();
}
}
</script>
</body>

</html>

Jxiaocai

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
答题模板

选择题1+1=?1111var question = [{question: "1+1=?",anser: [{anser: "1",done: "_false"}, {anser: "2",done: "_true"}, {anser: "1",done: "_false"}, {
复制链接

扫一扫