用js和html怎样做一个50道选择题的答题卡

JavaScript019

用js和html怎样做一个50道选择题的答题卡,第1张

html写好style 题目与选项的样式js里写好数组包含50个对象,对象有题目属性、选项属性然后for循环输出 index+1是序号 + 题目属性 + 选项属性 记得在字符串里写上class

首先你要有个方格(*^__^*) ,,

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

<!doctype html>

<html lang="en">

<head>

<meta charset="UTF-8">

<style>

.div_bor{

border:1px solid #274b8b

padding: 5px 5px 10px 5px

}

</style>

</head>

<body>

<div class="div_bor">

<p>这是题目</p>

<p><input type="checkbox" value="A">A.选项1</p>

<p><input type="checkbox" value="B">B.选项2</p>

<p><input type="checkbox" value="C">C.选项3</p>

<p><input type="checkbox" value="D">D.选项4</p>

<p><input type="checkbox" value="E">E.选项5</p>

<p><button style="float: right" onclick="fn()">确定</button></p>

</div>

<script>

var rule = ['A','C','D']//答案

var boxs = document.getElementsByTagName('input')

var check = []

var score = 0

function fn(){

check=[]

score = 0

for(var i=0i<boxs.lengthi++){

if(boxs[i].checked){

check.push(boxs[i].value)

}

}

for(var j=0j<check.lengthj++){

if(rule.indexOf(check[j]) !=-1){

score++

}else{

score--

}

}

alert(Math.ceil(100/rule.length*score)+'分')// 分数规则,自己定吧

}

</script>

</body>

</html>

<!doctype html>

<html lang="en">

<head>

<meta charset="UTF-8">

<style>

.div_bor{

border:1px solid #274b8b

padding: 5px 5px 10px 5px

}

</style>

</head>

<body>

<div class="div_bor">

<p>这是题目</p>

<p><input type="checkbox" value="A">A.选项1</p>

<p><input type="checkbox" value="B">B.选项2</p>

<p><input type="checkbox" value="C">C.选项3</p>

<p><input type="checkbox" value="D">D.选项4</p>

<p><input type="checkbox" value="E">E.选项5</p>

<p><button style="float: right" onclick="fn()">确定</button></p>

</div>

<script>

var rule = ['A','C','D']//答案

var boxs = document.getElementsByTagName('input')

var check = []

var score = 0

function fn(){

check=[]

score = 0

for(var i=0i<boxs.lengthi++){

if(boxs[i].checked){

check.push(boxs[i].value)

}

}

for(var j=0j<check.lengthj++){

if(rule.indexOf(check[j]) !=-1){

score++

}else{

score--

}

}

alert(Math.ceil(100/rule.length*score)+'分')// 分数规则,自己定吧

}

</script>

</body>

</html>