实现checkebox全选取消操作
来源:互联网 发布:pk10 开奖直播 源码 编辑:程序博客网 时间:2024/06/07 06:59
方法一:
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>
版权声明:本文为博主原创文章,未经博主允许不得转载。
0 0
- 实现checkebox全选取消操作
- 实现checkebox全选取消操作
- javascript实现全选、反选、取消操作
- jQuery实现全选取消全选
- 全选/取消复选按钮操作
- jquery实现checkbox全选、取消全选
- JQuery实现全选、取消全选、反向选择
- Jquery 实现checkbox全选/取消全选
- jquery 实现checkbox全选、取消全选功能
- html checkbox 实现全选/取消全选
- jQuery实现点击全选和取消全选
- JQuery实现checkbox全选和取消全选
- AngularJS 实现复选框 全选/取消全选
- jquery:实现全选和取消全选
- jQuery实现点击全选和取消全选
- zTree:实现checkbox、全选、取消全选功能
- angularJS--购物车实现全选/取消全选
- JQuery实现全选与取消
- js选择checkbox值,组织成key-value形式,传值到后台
- Eclipse从数据库逆向生成Hibernate带注解的实体类
- jquery记忆笔记
- maven 项目出现 java.lang.ClassNotFoundException
- js数组
- 实现checkebox全选取消操作
- js对象
- js循环
- js Map和Set
- Android友盟微社区第三方集成
- js高阶函数
- CSS锚伪类顺序需注意的几点
- TLD目标跟踪算法
- 两个Integer比较大小需要注意的误区