实现checkebox全选取消操作
2016-03-16 00:00
357 查看
方法一:
javascript代码:
方法二:
jQuery代码:
jsp页面:
javascript代码:
function checkedChild(obj,index){ var checkBoxs = document.getElementsByName("carId"+index); if(obj.checked){ for ( var i = 0; i < checkBoxs.length; i++){ checkBoxs[i].checked = true; } }else{ for ( var i = 0; i < checkBoxs.length; i++){ checkBoxs[i].checked = false; } } }
方法二:
jQuery代码:
function checkedChild(obj,index){ $("#tr"+ index + " :checkbox").prop("checked", obj.checked); }
jsp页面:
<c:forEach item="${result}" var = "wb" varStatus="vs"> <tr id="tr${vs.count}"> <td align="center"> <input name="waybillNo" type="checkbox" value="${wb.waybillNo}" onclick="checkedChild(this,'${vs.count}')"></td><td> <div class="tab_txt"> <ul class="yd_car"> <c:forEach items="${wb.carVOs}" var="car"> <li><input type="checkbox" name="carId${vs.count}" value="${car.id}" class="car_class_${vs.index}"></li> </c:forEach> </ul> </div> </td> </tr> </c:forEach>
相关文章推荐
- centos7安装配置JDK1.7及Tomcat7的教程
- Apache+Tomcat+mod_jk实现负载均衡
- 虚拟机桥接模式-CentOS下配置静态IP
- test zoundry raven
- Java牛人就是任性
- centos 6 多库分表之后,使用coreseek/sphinx中文分词搜索
- Python3.X教程 保存在这留作参考
- React系列——React主要内容简介
- iPhone关闭后台真的能省电吗?
- Mac如何使用Charles进行抓包?
- cdh使用公平调度策略FairScheduler,调大最大运行app个数
- Java日期转换SimpleDateFormat格式大全
- JAVA Calendar详解
- poi 读取excel
- linux java执行jar命令
- spark集群无法分配资源
- tomcat修改session时间
- iOS提交应用至APP Store流程
- 在LINUX中启动多个TOMCAT
- Maven中dependencyManagement 和dependencies的区别