实现checkebox全选取消操作
2015-11-27 14:36
399 查看
方法一:
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>
版权声明:本文为博主原创文章,未经博主允许不得转载。
相关文章推荐
- js对象
- js循环
- js Map和Set
- js高阶函数
- CSS锚伪类顺序需注意的几点
- 两个Integer比较大小需要注意的误区
- Apache+Tomcat+mod_jk实现负载均衡
- centos7系统下安装配置jdk、tomcat教程
- 解决centos7下tomcat启动正常,无法访问项目的问题
- 修改tomcat浏览器地址栏图标
- js如何查看元素类型
- js选择checkbox值,组织成key-value形式,传值到后台
- PHP程序员最常犯的11个MySQL错误
- [原创]C#按比例缩放窗体控件及字体
- a different object with the same identifier value was already associated withthe session异常解决方案
- JS面向对象学习
- org.springframework.dao.InvalidDataAccessApiUsageException:The given object has a null identifi的解决方案
- MB+MQ开发技术实例(零)环境搭建
- Elasticsearch的Mapping之元数据类型
- 类在内存中的存放