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