表单如下:
<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);
}
}
分享到:
相关推荐
在网页设计和开发中,复选框(Checkbox)是一种常见的用户界面元素,允许用户从多个选项中选择一个或多个。当涉及到数据提交,比如通过HTML表单POST方法将用户的选择发送到服务器并存储到数据库中时,理解如何处理复...
在本例中,我们关注的是如何使用JavaScript(JS)和Java来处理HTML表单中的复选框(checkbox)取值问题。复选框允许用户在多个选项中选择一个或多个。 1. **复选框取值** 复选框在HTML中通常使用`<input type="...
在本主题中,我们将深入探讨如何在jQuery中处理动态生成的复选框,并获取它们的值。复选框是HTML表单中常见的一种元素,用于让用户选择一个或多个选项。 一、jQuery基本概念 jQuery通过一个简洁的语法,让...
这个功能的核心是实现复选框(CheckBox)之间的联动效果,即父级复选框的选中状态能够影响其子级复选框的状态,反之亦然。下面将详细介绍这个知识点,并给出可能的实现策略。 首先,我们要理解复选框(CheckBox)的...
在树形结构中,每个节点都可以是这样的复选框,而且它们之间存在父节点与子节点的关系。这样的设计能够帮助用户更直观地理解和选择多级分类的数据。 JavaScript在此组件中的作用主要体现在以下几个方面: 1. **...
### 隐藏LayUI数据表格表头的Checkbox复选框方法详解 #### 背景介绍 在前端开发过程中,经常会使用到LayUI框架搭建网页应用,尤其是在设计复杂的数据展示界面时,LayUI提供了强大的数据表格功能。然而,在某些场景...
之前我们分享过一款非常不错的CSS3自定义checkbox复选框纯CSS3美化Checkbox和Radiobox按钮,外观非常时尚。今天我们来分享一款9款样式迷人的CSS3漂亮的自定义checkbox复选框。这几款复选框样式很丰富,使用起来也...
本篇文章将详细讲解如何在ListView中实现CheckBox复选框的功能。 首先,我们需要创建一个自定义的ListView适配器。适配器是连接数据源和ListView的关键,它负责将数据转化为可显示的视图。创建一个继承自`...
为了增强用户交互性,我们有时需要在ListView中添加复选框,让用户能够对列表项进行选择。这个过程涉及到UI设计、事件处理以及数据绑定等多个方面。下面将详细讲解如何在C#的ListView中添加复选框,实现全选、反选...
在网页开发中,表格(Table)是常用的数据展示方式,而复选框(Checkbox)则为用户提供多选功能。在HTML的表格中实现复选框的全选与反选功能,能够大大提升用户体验,使用户可以便捷地选择一组数据。这里我们将详细...
### 复选框组件的美化与增强 原生的HTML复选框样式有限,但使用jQuery UI库可以实现更美观、功能更丰富的复选框组件。jQuery UI提供了一套完整的UI元素样式,包括自定义的复选框和单选按钮。 #### jQuery UI ...
在构建"带复选框的JS树"时,开发者通常会利用JavaScript来实现树的展开/折叠、复选框状态的同步以及与其他组件的交互等功能。 为了实现这个功能,开发者通常会使用现有的JavaScript库,如jQuery、Angular、React等...
1. 滑动开关样式:这种样式通常用两个不同颜色的滑块表示复选框的选中与未选中状态,通过平滑的过渡动画,使用户操作更具互动性。 2. 图标替换:利用CSS3的content属性,可以将复选框的默认勾选图标替换为自定义的...
QTreeView Checkboxes 需要实现一个功能:在QT的TreeView中,能够使用复选框,并且选中父节点的复选框可以全选或取消子节点的复选框。 参考链接: http://blog.csdn.net/ajaxhe/article/details/7518285
本教程将深入探讨如何在QTableView中添加复选框,特别是在表头和第一列中实现这一功能,以增强用户界面的交互性。 首先,我们要明白QTableView的工作原理。它是基于QAbstractItemView类的,通过QStandardItemModel...
在网页设计中,表单元素如复选框(Checkbox)和单选按钮(Radio Button)是用户交互的重要组成部分。它们通常用于收集用户的选择性信息,例如用户同意服务条款、选择偏好或进行多选项决策。然而,原生的HTML表单元素...
对于父级复选框,我们需要检查其子项的选中状态,如果子项中有部分被选中,那么父级的复选框应显示为半选状态;如果所有子项都被选中,父级复选框应显示为全选状态。 在实际应用中,"testCheckedTree"可能是一个...
它提供了多种视图模式,包括报告视图,其中可以包含复选框(Checkbox)来实现用户交互。本示例着重讲解如何在ListView中实现复选框的单选功能。 在Delphi中,ListView的复选框功能可以通过设置`ListView.Style`属性...
在实际应用中,`toolStrip`上的复选框常常与其他控件或业务逻辑进行交互,例如,当复选框被选中时,可能会启用或禁用其他控件,或者更新数据源等。因此,理解`toolStrip`和`ToolStripCheckBox`的使用方式是C#窗体...
总结来说,Java 中实现带复选框的树(CheckBox Tree)需要自定义 TreeNode 类(CheckBoxTreeNode),用于存储结点是否被选中的状态,并实现选中/取消选中时子结点和父结点的状态更新。同时,还需要创建一个 ...