`
dxflygao
  • 浏览: 67282 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

checkbox 全选与全取消

阅读更多

<script language="javascript">
	var flag = false;
	function doAll(){
		var nodes = document.getElementsByName("test");
	   if(!flag){
		   for(var i=0;i<nodes.length;i++){
					nodes[i].checked = true;
	  	  }
	   }else{
		   for(var i=0;i<nodes.length;i++){
				nodes[i].checked = false;
 	 		 }
		  }
		flag = !flag;
	}
</script>

以下为html测试代码
<br/>全选:<input type="checkBox" name="selectAll" onclick="doAll();"><br/>
选项1:<input type="checkBox" name="test" /><br/>
选项2:<input type="checkBox" name="test" /><br/>
分享到:
评论

相关推荐

    Checkbox全选问题

    HtML javascritp checkbox 全选HtML javascritp checkbox 全选

    checkbox的全选与取消

    本文将深入探讨“复选框的全选与取消”这一主题,主要基于提供的HTML文件“checkbox.html”。全选和取消功能通常用于表格或者列表中,让用户能够便捷地操作大量选项。 首先,我们来看看复选框的基本结构。在HTML中...

    winform DataGridView表头带CheckBox全选

    通过以上步骤,我们就成功地在`Winform DataGridView`的表头添加了一个`CheckBox`,实现了全选/全不选的功能。这样的设计使得用户可以便捷地对大量数据进行操作,提高了应用的实用性。在实际项目中,可能还需要考虑...

    Recyclerview item上CheckBox,包括全选,取消全选,单选功能

    本文将深入探讨如何在RecyclerView的item上添加CheckBox,并实现全选、取消全选以及单选功能。 首先,我们需要创建一个自定义的RecyclerView Adapter。Adapter是连接数据源与RecyclerView的关键,它负责将数据转化...

    flex在DataGrid中实现checkbox全选或取消

    在博文《flex在DataGrid中实现checkbox全选或取消》中,作者可能详细讲解了以下步骤: 1. 创建DataGrid,并绑定数据源。 2. 添加一个CheckBox组件,作为全选/取消全选的控制。 3. 实现CheckBox的change事件监听,...

    flex Datagrid checkbox全选

    在Flex开发中,Datagrid是一种常用的组件,用于展示表格数据,而checkbox全选功能则是提高用户体验的一个重要特性。本文将详细讲解如何实现Flex Datagrid中checkbox的全选功能。 首先,我们要了解Flex Datagrid的...

    js实现checkbox 全选和取消

    js实现checkbox 全选和取消 自己亲测可以使用

    WPF之CheckBox组的全选设计

    在WPF中,CheckBox全选设计通常涉及以下步骤: 1. **定义枚举**:创建一个枚举类型,表示CheckBox组中的各个选项,并使用Flags特性标记。例如: ```csharp [Flags] public enum CheckBoxOptions { None = 0, ...

    checkbox全选与全不选 xml解析导入与导出 IE下点击select的option单击事件

    function CheckAll(form)根据name=chkAll的checkBox的选中与否来设置其它checkBox全选与全不选,并激活一个事件来验证表单 function UnselectAll(form)取消选择 function ExportXML(checkboxName)导出xml模板文件 ...

    简约时尚CSS样式,checkbox 全选或取消全选、或得到选中个数全案例使用详解

    "Table简约时尚CSS样式,checkbox全选或取消全选、或得到选中个数全案例使用详解(百度、CSDN、ITEye).html"是一个实际的示例文件,它包含完整的HTML和CSS代码,可能还包含了JavaScript实现。这个案例演示了如何将...

    js checkbox全选 反选 取消全部设置表单html复选框

    "js checkbox全选 反选 取消全部设置表单html复选框"这个标题描述了一个常见的功能需求,即通过JavaScript控制HTML中的复选框(checkboxes),实现全选、反选和取消全部选中的功能。在本文中,我们将深入探讨如何...

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

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

    DataGridView标头CheckBox全选反选

    通过以上步骤,我们可以实现`DataGridView`的全选/反选功能,使得用户可以通过列头的`CheckBox`轻松选择所有行或者取消选择。这样的设计提高了用户体验,特别是在处理大量数据时,使得批量操作更加便捷。同时,这个...

    checkbox全选,选中数据传到后台

    在IT行业中,尤其是在Web开发领域,"checkbox全选,选中数据传到后台"是一个常见的功能需求。这个功能主要用于用户批量处理数据,如删除、修改等。以下是对这个主题的详细解析: 首先,我们需要理解标题中的关键词...

    listview带checkbox全选、取消功能精简版

    总的来说,"listview带checkbox全选、取消功能精简版"是一个教你如何在Android应用中实现ListView与Checkbox交互的示例,它涉及到Adapter的使用、ListView的复用机制、Checkbox的事件监听以及数据存储。这样的功能在...

    C# grid checkbox 全选

    而“grid header checkbox 全选”是指在数据网格的表头(header)上添加一个复选框,当用户点击该复选框时,能够同时选中或取消选中所有行的数据项。 实现这个功能主要涉及以下几个步骤: 1. **添加表头复选框**:...

    全选、全取消checkbox.docx

    下面我们将深入探讨如何使用JavaScript和jQuery实现全选与全取消的功能。 ### 基于JavaScript的全选/全取消 在给定的示例中,我们看到一个简单的JavaScript函数`selectAll`,用于全选或取消全选所有具有特定名称的...

    easyui checkbox +全选

    标题 "easyui checkbox +全选" 指的是在网页界面设计中使用 EasyUI 框架实现复选框(checkbox)以及全选功能。EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列预定义的 CSS 样式和 JavaScript 组件,帮助...

    js checkbox全选 反选 取消全部设置表单checkbox复选框勾选

    全选功能是指当用户点击一个主`checkbox`(通常称为"全选按钮")时,所有与之关联的`checkbox`都会被选中。这个功能可以通过遍历页面上所有的`checkbox`并修改它们的`checked`属性来实现。以下是一个简单的示例: `...

    JQuery实现checkbox的全选取消全选

    在IT领域,特别是前端开发中,使用jQuery来操作DOM元素是一种常见的实践,特别是在处理复选框(checkbox)的全选与取消全选功能时。本文将深入解析如何使用jQuery实现这一功能,通过分析给定代码片段,提炼出关键...

Global site tag (gtag.js) - Google Analytics