`

checkbox全选功能

阅读更多
checkbox全选功能实例:


<script type="text/javascript"> 

	// 全选按钮选中标志
	var checkflag = "false";
	// 全选功能
	function selectAll(name){
		var field = document.getElementsByName(name);
		// 如果全选按钮状态是未选中
		if (checkflag == "false"){
			for (i = 0; i < field.length; i++){
				field[i].checked = true;
			}
			// 更改全选按钮选中标志
			checkflag = "true";
		}else{
			for (i = 0; i < field.length; i++){
				field[i].checked = false; 
			}
			// 更改全选按钮选中标志
			checkflag = "false";
		}
	}

</script>


<form name="form" method="post" action="">
	<table>
		<tr>
			<td>
				<input type="checkbox" value="全选" onClick="selectAll('list')">选中所有显示记录 
			</td>
		</tr>
		<tr>
			<td>
				<input type="checkbox" name="list" value="1" >
			</td>		
		</tr>
		<tr>
			<td>
				<input type="checkbox" name="list" value="2">
			</td>		
		</tr>
		<tr>
			<td>
				<input type="checkbox" name="list" value="3">
			</td>		
		</tr>
	</table>

</form>


分享到:
评论

相关推荐

    checkbox全选功能实例

    实例1.html和checkbox全选功能实例.html可能是两个不同的实现示例,你可以通过查看这两个文件来对比学习不同的实现方法和代码结构。 总结,`checkbox`全选功能是Web开发中常见的用户交互功能,通过理解和实践这一...

    javascript获取checkbox选定的值,checkbox全选功能

    javascript获取checkbox选定的值,checkbox全选功能的一个例子,方便新手朋友下载使用。费了好大劲才把功能做全了。

    DataGrid和AdvancedDataGrid CheckBox全选功能

    在本文中,我们将深入探讨两种在Flex或Adobe AIR应用程序中常用的组件——`DataGrid`和`AdvancedDataGrid`,特别是关于它们的CheckBox全选功能。`DataGrid`和`AdvancedDataGrid`是Flex中用于展示数据集合的强大工具...

    自定义ExpandableListView带CheckBox全选的功能

    ExpandableListView中group和child自定义视图带CheckBox,实现child全选、部分选中功能,同时实现类似邮件群发的用户选择功能,选中的用户在EditText中显示,点击后移除. 更新: 1. ExpandableListView勾选后生成的...

    Checkbox全选问题

    HtML javascritp checkbox 全选HtML javascritp checkbox 全选

    DataGrid和AdvancedDataGrid CheckBox全选功能1.1

    在本文中,我们将深入探讨如何在Flex中实现DataGrid和AdvancedDataGrid组件的CheckBox全选功能。这个功能在数据展示和交互式操作中非常常见,它允许用户通过一个主CheckBox来选择或取消选择所有行数据。 首先,我们...

    checkBox全选功能

    在IT行业中,"checkBox全选功能"是一种常见的用户界面交互设计,主要出现在多选项选择场景中,例如在网页、桌面应用或移动应用中。CheckBox,中文通常称为复选框,允许用户对多个选项进行独立的选择。全选功能则是...

    flex Datagrid checkbox全选

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

    winform DataGridView表头带CheckBox全选

    在这个特定的场景中,我们关注的是如何在`DataGridView`的表头添加一个`CheckBox`,以便实现全选和全不选的功能。这将大大提升用户体验,使得用户可以快速地对所有行进行操作,如批量删除、更新等。 首先,我们需要...

    DevExpress 实现checkbox全选效果.rar

    在提供的RAR文件"DevExpress 实现checkbox全选效果"中,可能包含了实现这个功能的代码示例。这些示例代码可能包含了窗体设计、控件初始化、事件处理函数等内容,通过阅读和理解这些代码,你可以学习到如何在...

    CheckBox实现多选、全选、反选功能

    全选功能的实现,一般需要一个额外的CheckBox作为全选按钮。当全选按钮被选中时,所有列表项的CheckBox都应被选中;反之,全部取消选中。 ```java // 全选按钮的点击事件 selectAllCheckbox....

    CheckBox全选并删除

    全选功能允许用户一次性选择多个选项,删除则通常指的是从数据库或其他数据存储中移除选定的记录。下面将详细解释这两个知识点。 1. CheckBox全选: 在一个页面中,如果有多个CheckBox,我们通常会添加一个主...

    flex AdvancedDataGrid实现checkBox全选功能

    接下来,我们需要实现全选功能。这通常通过在界面上添加一个全选CheckBox来完成,当用户点击这个全选CheckBox时,遍历dataProvider并改变所有数据项的选中状态: ```actionscript private function handleSelectAll...

    Checkbox全选反选.html

    Checkbox全选反选.html

    javascript中CheckBox全选终极方案.docx

    本文将详细介绍如何在ASP.NET环境中利用JavaScript实现CheckBox全选功能,并提供完整的示例代码。 #### 关键知识点 ### 1. CheckBox全选原理 在实现CheckBox全选功能之前,我们首先需要理解其实现的基本原理。...

    自定义ExpandableListView带CheckBox全选功能

    ExpandableListView中group和child自定义视图带CheckBox,实现child全选、部分选中功能,同时实现类似邮件群发的用户选择功能,选中的用户在EditText中显示,点击后移除. 更新: 1. ExpandableListView勾选后生成的...

    基于JS实现checkbox全选功能实例代码

    2. checkbox全选功能实现逻辑: - 全选按钮通常是一个位于顶部的checkbox,用于控制下方其他checkbox的选择状态。 - 当点击全选checkbox时,页面上的脚本需要判断全选按钮的状态,并同步更新其他所有checkbox的...

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

    在实际项目中,这三种方法都可以有效地实现Checkbox全选和反选功能。选择哪种方法主要取决于项目需求、性能考虑以及开发者的偏好。对于小型项目,前两种纯JavaScript的方法足够;对于大型项目,结合服务器端处理可能...

    android checkbox全选反选

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

    WPF之CheckBox组的全选设计

    在设计一个CheckBox组时,可能会遇到需要实现全选功能的需求,即点击一个主CheckBox可以同时选择或取消选择所有子CheckBox。这个功能的实现涉及到位运算和枚举的Flags特性,这两个是C#编程中的重要概念。 **位运算*...

Global site tag (gtag.js) - Google Analytics