html,javaScript中怎么控制复选框checkbox的全选,全不选,以及全选中,全选按钮选中,其中一个或者多个没选,则全选按钮不被选中
来源:互联网 发布:阿里云文件上传 编辑:程序博客网 时间:2024/04/30 23:18
- <%@ page language="java" contentType="text/html; charset=UTF-8"
- pageEncoding="UTF-8"%>
- <%@ include file="/commons/jsp/htmtag.jsp"%>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <title></title>
- <script>
- //当全选按钮,选中时,所有复选框被选中,当全选按钮不被选中时,所有的也不被选中
- function funSelAll(){
- var selects=document.getElementsByName("selOne");
- if(document.getElementsByName("selAll")[0].checked==true){
- for(var i=0;i<selects.length;i++){
- selects[i].checked=true;
- }
- }else{
- for(var i=0;i<selects.length;i++){
- selects[i].checked=false;
- }
- }
- }
- //当所有的复选框被选中时,全选按钮被选中,当其中任意一个或者多个没被选中时,全选按钮不被选中
- function funSelOne(){
- var one=document.getElementsByName("selOne");
- var all=document.getElementsByName("selAll")[0]
- var selCount=0;
- var unSelCount=0;
- for(var i=0;i<one.length;i++){
- if(one[i].checked==true){
- selCount++;
- }
- if(one[i].checked==false){
- unSelCount++;
- }
- if(selCount==one.length){
- all.checked=true;
- }
- if(unSelCount>0){
- all.checked=false;
- }
- }
- }
- function funDelBatch(){
- var strsValue="";
- var strs=document.getElementsByName("selOne");
- if(strs!=null&&strs.length>0){
- for(var i=0;i<strs.length;i++){
- //----
- if(strs[i].checked==true){
- strsValue=strsValue+strs[i].value+",";
- }
- //---
- }
- }
- document.form1.action="<%=request.getContextPath()%>/grade/allGrades.htm?method=toDetailGradeBatch&gradeIds="+strsValue;
- document.form1.submit();
- }
- </script>
- </head>
- <body>
- <!--toDetailGradeByName-->
- <form action="<%=request.getContextPath()%>/grade/allGrades.htm?method=toDetailGradeByName" method="post" id="form1" name="form1">
- <div align="center">
- <input type="text" name="gradeName" value="${gradeName}">
- <input type="submit" value="查询">
- <input type="reset" value="重置">
- <br/>
- <br/>
- <input type="button" value="添加" onClick="window.open('http://localhost:8080/demo/jsp/grade/gradeAdd.jsp');">
- <input type="button" value="批量删除" onClick="funDelBatch()">
- </div>
- <table border="1px" align="center" border="1" cellpadding="2" cellspacing="0" bordercolorlight="#000000" bordercolordark="#FFFFFF" bgcolor="#FFFFEE">
- <c:if test="${not empty '${volists}'}">
- <tr>
- <td><input type="checkbox" name="selAll" onClick="funSelAll(this)"></td>
- <td>班级编码</td>
- <td>班级名称</td>
- <td>操作</td>
- </tr>
- <c:forEach items="${volists}" var="vo">
- <tr>
- <td><input type="checkbox" name="selOne" value="${vo.gradeId}" onClick="funSelOne(this)"></td>
- <td>${vo.gradeId}</td>
- <td>${vo.gradeName}</td>
- <td>
- <a href="<%=request.getContextPath()%>/grade/allGrades.htm?method=toDeleteGrade&gradeId=${vo.gradeId}">删除</a>
- <a href="<%=request.getContextPath()%>/grade/allGrades.htm?method=toDetailGrade&gradeId=${vo.gradeId}">修改</a>
- </td>
- </tr>
- </c:forEach>
- </c:if>
- </table>
- </form>
- </body>
- </html>
阅读全文
0 0
- html,javaScript中怎么控制复选框checkbox的全选,全不选,以及全选中,全选按钮选中,其中一个或者多个没选,则全选按钮不被选中
- html,javaScript中怎么控制复选框checkbox的全选,全不选,以及全选中,全选按钮选中,其中一个或者多个没选,则全选按钮不被选中
- checkbox全选 全不选 所有的子项选中或者不全选中后,全选按钮也选中或者不选中
- checkbox全选 全不选 所有的子项选中或者不全选中后,全选按钮也选中或者不选中
- js全选,全选以后,如果选中其中一个,全选效果取消,如果复选框全部选中,全选按钮自动也被选中
- 关于全选按钮和复选框只能选中其中一个的js写法
- ext 中checkbox 无法取消选中行,全选按钮全选问题
- checkbox全选按钮的控制
- 全选,反全选,反选,获取选中的值,根据子选择控制全选按钮
- 多选框全选中,全选框自动选中
- jQuery复选框全选按钮checkbox
- 关于复选框全选,当其中的一个复选框去掉勾时,全选的复选框的勾也去了,当除了全选框的其他复选框都被选中时,全选框也被选中。
- js中全选按钮的控制
- HTML 中 checkbox 的全选
- 利用jQuery完成全部选中,只要一个没选中全选按钮就不选中功能
- flexgrid的全选按钮翻页后复选框还是选中状态的bug
- 按钮-全选复选框
- gridview中复选框全选的javascript
- (二十五)基础系列 API和集合
- XK Segments(二分)
- Coursera—machine learning(Andrew Ng)第七周编程作业
- Windows环境下mysql解压版的安装
- 【Python 代码】CS231n中Softmax线性分类器、非线性分类器对比举例(含python绘图显示结果)
- html,javaScript中怎么控制复选框checkbox的全选,全不选,以及全选中,全选按钮选中,其中一个或者多个没选,则全选按钮不被选中
- esp8266 作为 tcp server,客户端连接后再断开,这样反反复复多次,第6次就再也连不上了
- [spm操作] 什么是mask,如何做mask(未完)
- 记录一个显示C++编程环境的HTML代码
- php html_entity_decode使用总结
- 关于R在Linux服务器上生成图片中文乱码原因及解决办法
- Axure+RP+pro教程(2)
- 数据库的隔离级别与innodb引擎MVCC机制
- {模板}AC自动机