`
linleizi
  • 浏览: 230779 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

checkbox全选和取消的例子

阅读更多
<script language="JavaScript" type="text/javascript">
	function $(objName) {
		return document.getElementById(objName);
	}
	function selectItems(checkboxName) {
		var isNeedCheck = false;
		for(var i = 0; i < 10; i++) {
			var obj = $(checkboxName + (i + 1));
			if (obj) {
				if (!obj.checked) {
					isNeedCheck = true;
					break;
				}
			} else {
				break;
			}
		}
		for(var i = 0; i < 10; i++) {
			var obj = $(checkboxName + (i + 1));
			if (obj) {
				obj.checked = isNeedCheck;
			}
		}
	}
</script>
<table>
	<tr>
		<td>
			<input type="button" name="allSelect" onclick=selectItems('resultCheckbox');  value="全選" >
		</td>
	</tr>
	<tr>
		<td>
			<input type="checkbox" name="resultCheckbox1">	
		</td>
	</tr>
	<tr>
		<td>
			<input type="checkbox" name="resultCheckbox2">	
		</td>
	</tr>
	<tr>
		<td>
			<input type="checkbox" name="resultCheckbox3">	
		</td>
	</tr>
	<tr>
		<td>
			<input type="checkbox" name="resultCheckbox4">	
		</td>
	</tr>
	<tr>
		<td>
			<input type="checkbox" name="resultCheckbox5">	
		</td>
	</tr>
	<tr>
		<td>
			<input type="checkbox" name="resultCheckbox6">	
		</td>
	</tr>
</table>


分享到:
评论

相关推荐

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

    综上所述,"checkbox实现全选和反选经典例子"是一个关于如何在Web应用中利用Checkbox控件提高用户交互性的实践教程。通过理解Checkbox的基本操作,结合服务器控件的事件处理和逻辑编程,我们可以创建出高效且易于...

    微信小程序实现多选框全选与取消全选功能示例

    在微信小程序中,实现多选框(Checkbox)的全选与取消全选功能是一项常见的需求,主要用于批量操作或数据筛选。下面将详细讲解如何通过JavaScript(JS)、WXML(微信小程序的XML标记语言)和WXSS(微信小程序的CSS...

    复选框的全选和取消的例子

    "复选框的全选和取消的例子"是一个实际应用案例,展示了如何实现对一组复选框进行全选和取消全选的功能,同时涉及到了数据的存储与管理,如使用SQL Server 2000数据库进行数据操作。 在这样的系统中,通常会有一个...

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

    本教程将深入探讨如何使用CheckBox实现多选、全选和反选功能,这对于构建具有选择列表的应用非常关键。 首先,我们从基础开始。CheckBox的用法很简单,通常在XML布局文件中定义: ```xml &lt;CheckBox android:id="@...

    JQUERY CHECKBOX全选,取消全选,反选方法三

    下面看具体例子,为了让大家更好的理解,我直接把实现功能的代码贴出来: 代码如下:$(“#myform”).toggleCheckboxes()//全选,取消全选,反选 $(“#myform”).toggleCheckboxes(“:not(#checkbox1)”)//全选,取消全选且...

    jquery checkbox全选、取消全选实现代码

    在本例中,我们将探讨如何使用 jQuery 实现复选框(checkbox)的全选和取消全选功能。这个功能在很多场景下都很有用,例如在表单中批量选择选项。 首先,我们需要在页面中引入 jQuery 库。在这个例子中,通过 `...

    Jquery 1.42 checkbox 全选和反选代码

    在这个例子中,我们将详细解析如何使用jQuery 1.4.2版本实现复选框的全选和反选功能。 首先,我们需要引入jQuery库。在HTML代码中,可以看到引入了`jquery-1.4.2.min.js`文件,这是jQuery的核心库: ```html ...

    全选、全取消checkbox.docx

    总结起来,全选和全取消Checkbox是前端开发中常用的功能,通过JavaScript和jQuery,我们可以轻松实现这一功能,同时结合MVC框架与后端交互,提供完整的用户体验。在实际项目中,还可以进一步优化,如添加动画效果、...

    JQUERY复选框CHECKBOX全选,取消全选

    总之,这个例子展示了如何使用 jQuery 来实现复选框的全选和取消全选功能,这对于增强用户交互体验非常重要。开发者可以根据实际需求调整代码,比如添加防止重复选择的逻辑,或者在全选/取消全选时更新按钮的文字...

    jQuery checkbox全选/取消全选实现代码

    此外,还有一个特别的复选框`&lt;input type="checkbox" name="chk_all" id="chk_all"&gt;`,用于控制其它复选框的全选和取消全选操作。 实现全选/取消全选的jQuery代码如下: ```javascript $("#chk_all").click...

    Flex_全选或取消DataGrid中的checkbox

    根据给定的信息,本文将详细解释如何在Flex中实现DataGrid中的checkbox全选或取消功能。这涉及到Flex的checkbox管理、事件监听与处理、以及如何使用Cairngorm框架进行模型层更新等内容。 ### 一、理解Flex DataGrid...

    javascript checkbox全选和反选的简单实现

    以下是关于使用JavaScript实现checkbox全选和反选功能的知识点。 首先,了解checkbox的基本使用方法是基础。在HTML中,checkbox由&lt;input type="checkbox"&gt;标签表示。用户可以通过点击来选中或取消选中。通常,...

    3分钟写出来的Jquery版checkbox全选反选功能

    在一些场景中,可能需要实现一个全选的功能,即点击一个checkbox,所有其他的checkbox都会被选中或者取消选中。这个功能在用户界面设计中非常常见,可以大大提升用户体验。 知识点三:全选和反选的实现方法 在本文...

    JTable添加CheckBox

    在这个例子中,我们需要创建一个自定义的`TableModel`,以便支持`CheckBox`作为单元格的视图。这通常意味着我们需要重写`getValueAt()`和`setValueAt()`方法,以处理`Boolean`类型的值,因为`CheckBox`表示的是布尔...

    利用Bootstrap实现表格复选框checkbox全选

    在这个例子中,表格包含五列:类别编号、类别名称、类别组、状态和说明。HTML代码如下: ```html &lt;th&gt;&lt;/th&gt; &lt;!-- 这一列用于全选复选框 --&gt; 类别编号 类别名称 类别组 状态 说明 &lt;td&gt;&lt;input ...

    js multiple全选与取消全选实现代码

    在JavaScript编程中,有时我们需要为多选列表(`&lt;select&gt;`元素)添加全选和取消全选的功能。...在实际应用中,还可以结合其他事件如`click`、`checkbox`等来触发全选或取消全选操作,以提供更友好的用户交互。

    JS小功能(checkbox实现全选和全取消)实例代码

    在我们的例子中,我们有一个主复选框(全选/全取消按钮)和一组子复选框。主复选框的`id`为`ck1`,子复选框的`name`属性设为`name1`,这样我们可以方便地通过JavaScript操作它们。 JavaScript代码部分主要包含两个...

    js实现全选和反选功能

    在JavaScript中,全选和反选功能通常应用于包含多个复选框(checkbox)的表单中。用户可以通过点击一个主复选框来选择或取消选择所有其他复选框。这个功能在网页表格、数据筛选等场景中非常常见,极大地提高了用户...

    复选框的全选和反选、复选框的全选和反选

    在这个例子中,`selectAll`函数会找到所有名为'checkboxName'的复选框并将其选中。`getElementsByName`是HTML DOM方法,用于获取具有特定名称的所有元素。 反选功能与全选类似,但它的目的是取消所有已选中的复选框...

Global site tag (gtag.js) - Google Analytics