多选的实现是这样的:
第一: 必须将多选框放到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测试!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)