checkbox的全选操作

<table id="filetable">
<tr>
<td>
<input type="checkbox" id="chooseall" name='cb-check-all' checked="checked"> 
<b style="color: red">请选择需要发送的附件</b>
</td>
</tr>
<c:forEach items="${list }" var="fileItem">
<tr>
<td>
<input type="checkbox" id="${fileItem.id }" value="${fileItem.id }" name="files" checked="checked"> 
${fileItem.fileName }
</td>
</tr>
</c:forEach>
</table>

 

$('#filetable').on("click",":checkbox",function(){
if ($(this).is("[name='cb-check-all']")) {
//全选
$(":checkbox",$('#filetable')).prop("checked",$(this).prop("checked"));//filetable下面所有的复选框的选中状态都和[name='cb-check-all']的状态一致
}else{
//一般复选
var checkbox = $(":checkbox[name='files']");
$(":checkbox[name='cb-check-all']",$('#filetable')).prop('checked', 0 < checkbox.filter(':checked').length);//当有一个复选框的状态为checked的时候。[name='cb-check-all']的复选框选中
}
});

 

posted on 2017-02-14 15:11  huahua花花  阅读(115)  评论(0编辑  收藏  举报

导航