`
blaiu
  • 浏览: 130614 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

checkbox的全选与反选

JavaJSPHTMLSUNC 
阅读更多 
<%@ page language="java" contentType="text/html; charset=GBK"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Insert title here</title>
</head>
<body>
<c:forEach begin="0" end="9" step="1" var="id">
${id }<input type="checkbox" id="box${id}" name="box"/>
<br>
</c:forEach>
<br>
<br>
全选<input id="allSelect" type="button"  value="sdsd" onclick="checkAllbox()"/>
</body>
<script type="text/javascript">
	function checkAllbox() {
		var box = document.getElementsByName("box");
		alert(box);
		for(var i=0;i<box.length;i++) {
			if(box[i].checked) {
				box[i].checked=false;
			}else{
				box[i].checked=true;
			}
		}
	}
</script>
</html>
分享到：
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    checkbox 全选与反选

    在“checkbox全选与反选”的场景中，我们通常会遇到行全选、列全选以及相应的联动效果。下面将详细阐述这个主题的知识点。 一、全选与反选的基本原理 全选功能是通过一个主复选框控制所有子复选框的状态，当主复选...

    三种方式实现checkbox全选，反选

    以下是三种实现Checkbox全选和反选的方法，以及它们的JavaScript和Java实现细节。 ### 方法一：使用`checked`属性 **JavaScript实现**： 在JavaScript中，可以通过获取全选按钮的`checked`属性来控制所有复选框的...

    jquery 一个checkbox控制全选与反选

    页面上通过一个checkbox实现全选与反选

    checkbox实现全选和反选经典例子

    这可以通过监听全选Checkbox的`CheckedChanged`事件来实现，然后遍历DataGridView的所有行，设置每一行的Checkbox为与全选Checkbox状态一致。 - **反选功能**：反选意味着取消所有已选中的项。这可以通过再次触发...

    android ListView中的checkBox全选和反选Demo

    综上所述，这个“android ListView中的checkBox全选和反选Demo”主要展示了如何在ListView中集成CheckBox，实现列表项的全选和反选功能，以及如何优化Adapter以提高性能。理解并掌握这些知识点对于Android开发者来说...

    WPF CheckBox全选、反选比较通用

    本教程将详细介绍如何在WPF中实现CheckBox的全选和反选功能。 首先，我们需要理解CheckBox的基本用法。在XAML中，我们可以创建一个CheckBox并为其设置文本和初始状态： ```xml &lt;CheckBox Content="全选" x:Name=...

    DataGridView标头CheckBox全选反选

    而在这个特定的场景中，我们需要实现一个增强的功能：在`DataGridView`的列头添加一个`CheckBox`，通过这个`CheckBox`可以实现所有行中对应复选框的全选或反选操作。这个功能在数据管理界面中十分常见，例如在批量...

    android checkbox全选反选

    "Android CheckBox全选反选"这个话题主要涉及如何在ListView中实现CheckBox的选择与反选择操作，包括全选和反选的功能。ListView是Android系统提供的一种列表视图，它可以显示大量数据并允许用户进行交互。下面我们...

    checkbox全选反选与批量删除附源码

    **一、Checkbox全选与反选** 1. **Checkbox基本概念**：Checkbox是HTML中的一种表单元素，用于用户输入布尔值（即“选中”或“未选中”）。通过设置`checked`属性，可以默认选中一个复选框。 2. **全选功能**：在...

    JS实现checkbox的全选和反选

    资源名称：JS实现checkbox的全选和反选资源截图： 资源太大，传百度网盘了，链接在附件中，有需要的同学自取。

    checkbox全选，反选，选特定的值

    js原生，checkbox全选，反选，选特定的值。jq会更简单。。初学时候比用的

    jquery、js操作checkbox全选反选.docx

    ### jQuery与JavaScript操作Checkbox全选反选 #### 一、引言 在Web开发中，Checkbox（复选框）是一种非常常见的用户界面元素，用于收集用户的多选输入。尤其是在表单设计时，Checkbox的全选与反选功能极大地方便了...

    asp.net(C#)DropDownList控件里CheckBox全选、反选和删除

    asp.net(C#)，DataList控件里嵌入CheckBox，实现全选、反选以及删除功能。

    DataGridView表头添加checkbox实现全选反选

    在Windows应用程序开发...总之，`DataGridView`表头添加`CheckBox`实现全选反选涉及了控件创建、事件处理、数据绑定以及用户交互等多个方面。理解这些知识点可以帮助开发者更有效地构建功能丰富的数据查看和编辑界面。

    flex datagrid checkbox 全选/反选

    为了实现全选与反选功能，首先需要创建一个自定义的渲染器类`CheckBoxRender`，继承自`CheckBox`。这个类主要用于控制每个单元格中的复选框状态，并且可以监听复选框的状态变化。 ```as public class ...

    javaScript 中CheckBox的全选与反选

    在javaScript 中实现CheckBox的全选与反选

    TreeView CheckBoxes 全选与反选

    总结来说，"TreeView CheckBoxes 全选与反选"是ASP.NET开发中的一个常见需求，它涉及到TreeView控件的使用，CheckBox事件处理，以及状态的保存与恢复。通过合理的设计和编程，可以为用户提供方便的多选操作，提高...

    Checkbox全选反选.html

    Checkbox全选反选.html

    带CheckBox的listView 支持多选,全选,反选

    反选功能相对简单，只需遍历选中状态集合，将对应的ListView项的CheckBox设为未选中状态，从而达到与当前选中状态相反的效果。 为了实现CheckBox和ListView的交互，我们需要自定义ListView的Item布局，将CheckBox...

    C#_WinForm_dataGridView_全选_反选_单选_导出

    C#的WinForm项目的dataGridView控件的CheckBox的全选、全不选、反选、单选、导出全部、仅导出已选择的项目到Excel的功能。简单明了，一看就懂。 我的腾讯微博：http://t.qq.com/djk8888

Magicbox
Global site tag (gtag.js) - Google Analytics