`

javascript全选(checkbox)功能的书写!!!!!

 
阅读更多
	<form action="${pageContext.request.contextPath}/employ/list"
		id="myform" method="get">
		<div id="formDiv">
			<table id="tb1">
				<tr>
					<th>姓名<input id="eName" name="eName"></th>
					<th>编号<input id="deptNo" name="deptNo"></th>
					<td><input type="submit" value="查询"></input></td>

					<td><input type="button" value="新建" onclick="swithadd()"></td>
				</tr>
			</table>
			<table id="tb2" border="1px">
				<tr>
					<th><input type="checkbox" name ="cbxall" onclick="javascript:selAll(this);"></th>
					<th>名 字</th>
					<th>工 作</th>
					<th>生 日</th>
					<th>工 资</th>
					<th>部门 编号</th>
				</tr>
				<tbody>
					<c:forEach items="${list}" var="emp">
						<tr>
							<td><input type="checkbox" name ="cbxall"></td>
							<td>${emp.eName}</td>
							<td>${emp.eJob}</td>

							<td>${emp.eBirthday}</td>
							<td>${emp.eSalary}</td>
							<td>${emp.deptNo}</td>
							<td><input type="button" value="删除"
								onclick="deleteEmp(${emp.empNo})"></td>
							<td><input type="button" value="修改"
								onclick="updateEmp(${emp.empNo})"></td>
						</tr>
					</c:forEach>
				</tbody>
			</table>
		</div>
	</form>
<script language='javascript'>
//全选
	function selAll(turnobj){
		
		try{
		if(turnobj.checked){
			var obj=document.forms[0].cbxall;
			for(i=0;i<obj.length;i++){
				if(!obj[i].checked&&!obj[i].disabled){
					obj[i].checked=true;
				}
			}
		}else{
			var obj=document.forms[0].cbxall;
			for(i=0;i<obj.length;i++){
				if(obj[i].checked){
					obj[i].checked=false;
				}
			}
		}
		}catch(e){
			
		}
	}

</script>

 上面的HTML是我的表单,大家可以根据不同情况去写,下面的function是通用的js方法,在循环的地方,大家可以根据情况修改  i<obj.length 的obj.length值,这里面的把所有查询出来的值都给选取了,有弊端,可以把这个值跟分页时的每页显示条数相等,这样就可以把每页条数全不选取,而不会选取后面页的数据!!!!!!

分享到:
评论

相关推荐

    jQuery制作全选CheckBox

    ### jQuery实现全选CheckBox功能详解 #### 背景与需求 在Web开发中,特别是在表单处理方面,经常会遇到需要实现多个复选框(CheckBox)的“全选”、“反选”等功能的需求。这样的功能不仅可以提升用户体验,还能...

    WPF之CheckBox组的全选设计

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

    常用的js全选checkbox按钮的功能

    总结,通过结合HTML、CSS和JavaScript,我们可以实现一个基本的全选checkbox功能。用户可以通过点击全选按钮一次性选中或取消所有选项,同时,当所有选项被选中时,全选按钮也会自动被选中。这个功能在网页应用中...

    JavaScript 全选全不选

    JavaScript 全选全不选 JavaScript 全选全不选 JavaScript 全选全不选 JavaScript 全选全不选 JavaScript 全选全不选 JavaScript 全选全不选 JavaScript 全选全不选

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

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

    javascript中CheckBox全选终极方案.docx

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

    winform DataGridView表头带CheckBox全选

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

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

    在高级控件如DataGridView中,通过结合Checkbox可以实现全选和反选功能,为用户提供便捷的操作方式。这个经典例子将深入探讨如何在Web应用中实现这一功能。 1. **Checkbox基本概念** Checkbox是HTML中的一个表单...

    checkBox全选功能

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

    Checkbox全选问题

    HtML javascritp checkbox 全选HtML javascritp checkbox 全选

    在DataGrid中使用CheckBox,实现全选功能

    这个场景下,用户可能需要实现一个常见的功能,即在DataGrid中添加CheckBox,允许用户进行多选操作,尤其是全选功能。这篇博客“在DataGrid中使用CheckBox,实现全选功能”详细介绍了如何实现这一需求。 首先,我们...

    GridView 第一列CheckBox全选!postBack和JS方式

    本文将深入探讨如何在GridView的第一列实现CheckBox全选功能,包括通过postBack(服务器端)和JavaScript(客户端)两种方式。 **1. GridView中的CheckBox全选:** 在GridView中,我们通常会为每一行数据添加一个...

    Javascript实现全选反选

    在JavaScript编程中,"全选反选"功能是常见的用户交互设计,常见于表格或列表数据的批量操作中。这个功能允许用户一键选择或取消选择所有项目,极大地提高了操作效率。下面将详细介绍如何使用JavaScript来实现这个...

    WPF CheckBox全选、反选比较通用

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

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

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

    checkbox的全选与取消

    全选和取消功能通常用于表格或者列表中,让用户能够便捷地操作大量选项。 首先,我们来看看复选框的基本结构。在HTML中,复选框通过`&lt;input&gt;`标签来创建,类型设置为"checkbox": ```html &lt;input type="checkbox" ...

    Android带全选CheckBox的多选Demo源码

    带全选CheckBox的基于ExpandableListView的多选Demo源码,我的资料中的另一个是不带全选框的Demo,大家可以相互学习相互交流,免费下载,没设置下载豆

    JQuery实现checkbox的全选取消全选

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

    自定义购物车二级checkbox 全选、单个选择

    对于全选功能,我们需要编写代码,当全选checkbox被选中时,所有子checkbox都被设置为选中状态;反之,如果全选checkbox未被选中,所有子checkbox都应取消选中。这可以通过遍历子checkbox元素,并改变它们的checked...

Global site tag (gtag.js) - Google Analytics