实现checkebox全选取消操作

方法一:

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>

版权声明:本文为博主原创文章,未经博主允许不得转载。

上一篇:判断文件的编码 python


下一篇:百度2015校园招聘面试题回忆录(成功拿到offer)