实现checkebox全选取消操作
2015-11-27 14:36
288 查看
方法一:
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数组
- 有关JSP放在WEB—INF下访问的问题
- jquery记忆笔记
- js选择checkbox值,组织成key-value形式,传值到后台
- js如何查看元素类型
- 修改tomcat浏览器地址栏图标
- maven 项目出现 java.lang.ClassNotFoundException
- 二叉树神级遍历算法——Morris遍历(C++版)
- TLD目标跟踪算法
- LintCode: Minimum Path Sum
- jquery记忆笔记
- js数组
- 实现checkebox全选取消操作
- js对象
- js循环
- js Map和Set
- js高阶函数
- CSS锚伪类顺序需注意的几点
- 两个Integer比较大小需要注意的误区
- Apache+Tomcat+mod_jk实现负载均衡