求助!!HTML源代码!要求可以实现在线答题,且为多项选择题的源码!

求助!!HTML源代码!要求可以实现在线答题,且为多项选择题的源码!,第1张

你说的多项选择题,我是不是可以理解成多选??

多选的实现是这样的:

第一: 必须将多选框放到form里面

第二: 然后name属性完全一样,value不相同。这样当你提交到Action中的时候,只需要使用request对象获取toselect的值就行了。

第三: 获取值:request.getParameterValues("toselect"),就会将选中的多选框里面的value获取,并且返回一个String[]数组,这个数组里面就有你想要的值:即选中的值

<html>

<body>

<form>

<input type = "checkbox" value = "A" name = "toselect"/>A

<input type = "checkbox" value = "B" name = "toselect"/>B

<input type = "checkbox" value = "C" name = "toselect"/>C

<input type = "checkbox" value = "D" name = "toselect"/>D

</form>

</body>

</html>

<!doctype html>

<html lang="en">

 <head>

  <meta charset="UTF-8">

  <meta name="Generator" content="EditPlus®">

  <meta name="Author" content="">

  <meta name="Keywords" content="">

  <meta name="Description" content="">

  <script type="text/javascript">

  <!--

window.i =0

window.maxCount =10//题目总数10

function nextChoice () {

i++

if(i<=maxCount)

document.getElementById("contentDiv").innerHTML="当前第"+i+"题"

else {

document.getElementById("btnNext").hidden=true

document.getElementById("btnSubmit").hidden=false

}

}

  //-->

  </script>

  <style type="text/css">

#mainDiv{

width:500px

height:250px

border:blue 1px solid

}

#contentDiv{

width:490px

height:200px

border:green 1px solid

margin-left:4px

}

  </style>

  <title>Document</title>

 </head>

 <body>

  <div id="mainDiv" class="">

  题目内容:

  <div id="contentDiv" class="">

  </div>

  </div>

  <input id="btnNext" type="button" value="下一题" onclick="nextChoice()">

  <input id="btnSubmit" type="button" value="提交" hidden=false onclick="alert('提交成功!')">

 </body>

</html>

chrome测试!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7262192.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存