欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

javascript全选(checkbox)功能的书写!!!!! 博客分类: 项目代码  

程序员文章站 2024-02-17 23:25:58
...
	<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值,这里面的把所有查询出来的值都给选取了,有弊端,可以把这个值跟分页时的每页显示条数相等,这样就可以把每页条数全不选取,而不会选取后面页的数据!!!!!!