html网页，用javascript来实现，20个单项选择题，当用户做完题提交后，跳出分数 80

请详细解答一下，谢谢请直接把代码贴出来哈!!!!!!!... 请详细解答一下，谢谢
请直接把代码贴出来哈!!!!!!! 展开

 我来答

2个回答

#热议# 普通体检能查出癌症吗？

Onewarden
2013-05-05 · TA获得超过327个赞

知道小有建树答主

回答量：145

采纳率：100%

帮助的人：143万

我也去答题访问个人页

关注

展开全部

先用一个变量保存分数，用一个数组保存正确答案，然后取得用户写的答案，并与正确答案核对，如果正确，则将分数累加到保存分数的变理中。最后弹出那个分数累加值即可。
<body>
<form id="form1" name="form1" method="post" action="">
1.请问《福尔摩斯》的作者是哪位？
<table width="800">
<tr>
<td><label>
<input type="radio" name="RadioGroup1" value="单选" id="rg1_value1" />
江户川.柯南</label></td>
<td><label>
<input type="radio" name="RadioGroup1" value="单选" id="rg1_value2"/>
道尔.柯南</label></td>
<td><label>
<input type="radio" name="RadioGroup1" value="单选" id="rg1_value3" />
史蒂芬.金</label></td>
<td><label>
<input type="radio" name="RadioGroup1" value="单选" id="rg1_value4" />
阿加莎.克里斯蒂</label></td>
</tr>
</table>
//在这里照着上面复制<table>标签，并改掉里面的单选组名（下一个可以起成RadioGroup1,依次类推，每个table中的四个单选按钮的name值必段相同）和答案即可。

<script type="text/javascript">
var result = 0;
var perScore = 5;
var userAnswer = [];
var trueAnswer = [1,2,3,2,0,1,0,2,0,1,1,2,3,2,0,1,0,2,0,1];

function getUserAnswer(radioGroupName){
var rg = document.getElementsByName(radioGroupName);
for(var i=0;i<rg.length;i++){
if(rg[i].checked ==true)
userAnswer.push(i);
}
}

getUserAnswer("RadioGroup1");
//在这里，再调用getUserAnswer()19次，每次传入相应的RadioGroup名即可,下一个应该是RadioGroup2
if(userAnswer){
for(var i = 0;i< userAnswer.length;i++){
if(userAnswer[i] == trueAnswer[i])
result += perScore;
}
}
function showResult(){
alert(result);
}

</script>
<input name="ok" type="submit" value="提交" onclick='showResult()'/>
</form>
</body>

上面只是一
道题，其它的你只需照着复制并修改就行了，在javascript中，只需对每个Radioroup的getUserAnswer()函数的调用即可

已赞过 已踩过<

评论收起

余不二smile
2017-07-10

知道答主

回答量：22

采纳率：100%

帮助的人：8.1万

我也去答题访问个人页

关注

展开全部

<!DOCTYPE html>
<html>
<head>
<script>
function copyText()
{
var radios = document.getElementsByClassName("radios");
var scores = 0;
for(var i=0;i<radios.length;i++){
var fruit = document.getElementsByName("Fruit" + (i+1));
for(var j=0;j<fruit.length;j++){
if(fruit[j].checked){
scores += fruit[j].value * 1;
break;
}
}
}
document.getElementById("score").value=scores;

}
</script>
</head>
<body>
<div class="radios">
您最喜欢水果？<br /><br />
<label><input name="Fruit1" type="radio" value="1" />苹果 </label>
<label><input name="Fruit1" type="radio" value="2" />桃子 </label>
<label><input name="Fruit1" type="radio" value="3" />香蕉 </label>
<label><input name="Fruit1" type="radio" value="4" />梨 </label>
<label><input name="Fruit1" type="radio" value="5" />其它 </label>
</div>
<div class="radios">
您最喜欢水果？<br /><br />
<label><input name="Fruit2" type="radio" value="1" />苹果 </label>
<label><input name="Fruit2" type="radio" value="2" />桃子 </label>
<label><input name="Fruit2" type="radio" value="3" />香蕉 </label>
<label><input name="Fruit2" type="radio" value="4" />梨 </label>
<label><input name="Fruit2" type="radio" value="5" />其它 </label>
</div>
<div class="radios">
您最喜欢水果？<br /><br />
<label><input name="Fruit3" type="radio" value="1" />苹果 </label>
<label><input name="Fruit3" type="radio" value="2" />桃子 </label>
<label><input name="Fruit3" type="radio" value="3" />香蕉 </label>
<label><input name="Fruit3" type="radio" value="4" />梨 </label>
<label><input name="Fruit3" type="radio" value="5" />其它 </label>
</div>
<div class="radios">
您最喜欢水果？<br /><br />
<label><input name="Fruit4" type="radio" value="1" />苹果 </label>
<label><input name="Fruit4" type="radio" value="2" />桃子 </label>
<label><input name="Fruit4" type="radio" value="3" />香蕉 </label>
<label><input name="Fruit4" type="radio" value="4" />梨 </label>
<label><input name="Fruit4" type="radio" value="5" />其它 </label>
</div>
<div class="radios">
您最喜欢水果？<br /><br />
<label><input name="Fruit5" type="radio" value="1" />苹果 </label>
<label><input name="Fruit5" type="radio" value="2" />桃子 </label>
<label><input name="Fruit5" type="radio" value="3" />香蕉 </label>
<label><input name="Fruit5" type="radio" value="4" />梨 </label>
<label><input name="Fruit5" type="radio" value="5" />其它 </label>
</div>
成绩: <input type="text" id="score"><br/><br/>

<button onclick="copyText()">复制文本</button>

<p>当按钮被单击时触发函数。此函数把文本从 Field1 复制到 Field2 中。</p>

</body>
</html>

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

html网页，用javascript来实现，20个单项选择题，当用户做完题提交后，跳出分数 80

其他类似问题

为你推荐：