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值,这里面的把所有查询出来的值都给选取了,有弊端,可以把这个值跟分页时的每页显示条数相等,这样就可以把每页条数全不选取,而不会选取后面页的数据!!!!!!

猜你喜欢

转载自fengyeqing5.iteye.com/blog/2381176