java 复选框的取值与验证（checkbox）

最新推荐文章于 2022-04-30 16:32:28 发布

原创最新推荐文章于 2022-04-30 16:32:28 发布 · 206 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Java #JavaScript #JSP #C #C++ #ViewUI

jsp页面专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一个使用HTML和JavaScript实现的表单全选功能及其验证逻辑。通过一个复选框实现所有选项的全选与取消，并在提交表单前确保至少有一个选项被选中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

表单如下：
<form name="form1" action="test.jsp" method="post" onsubmit="return checkData();">
<input name="checkall1" type="checkbox" value="0" onClick="checkAllBox(this);"/>全选<br>
<input name="answer" type="checkbox" value="a"/>A<br>
<input name="answer" type="checkbox" value="b"/>B<br>
<input name="answer" type="checkbox" value="c"/>C<br>
<input name="answer" type="checkbox" value="d"/>D<br>
<input name="answer" type="checkbox" value="e"/>E<br>
<input name="answer" type="checkbox" value="f"/>F<br>
</form>

全选及验证javascript如下：
<script type="text/javascript">
function checkAllBox(obj){
var answer= document.getElementsByName("answer");
if(obj.checked==true){
for(var i=0;i<answer.length;i++){
answer[i].checked = true;
}
}else{
for(var i=0;i<answer.length;i++){
answer[i].checked = false;
}
}
}
function checkData(){
var answer= document.getElementsByName("answer");
var flag = false;
for(var i=0;i<income.length;i++){
if(income[i].checked == true){
flag = true;
break;
}
}
if(!flag){
alert("请至少选择一项");
}
return flag;
}
</script>

test.jsp中取值如下：
String[] answer= request.getParameterValues("answer");//这里只取得了选中的项，如果没有选中任何一项，则为null
if(answer!=null){
for(String i:answer){
System.out.println(i);
}
}