实现checkebox全选取消操作
2015-08-24 11:36
591 查看
方法一:
javascript代码:
方法二:
jQuery代码:
function checkedChild(obj,index){
$("#tr"+ index + " :checkbox").prop("checked", obj.checked);
}
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>
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- JavaScript拆分字符串时产生空字符的原因
- IE8开发人员工具教程(二)
- 在flex中执行一个javascript方法的简单方式
- Flex结合JavaScript读取本地路径的方法
- PowerShell中执行Javascript的方法示例
- javascript asp教程第六课-- response方法
- javascript asp教程More About Recordsets
- javascript asp教程第十二课---session对象
- javascript asp教程创建数据库连接
- javascript asp教程错误处理