点击实现全选、取消全选

<tr>
<th width="40"><input type="checkbox" class="list-com-chkall" /></th>
<th width="120"><div class="list-com-head over-flow">小组名称</div></th>
<th><div class="list-com-head alg-lft over-flow">小组描述</div></th>
<th width="100"><div class="list-com-head over-flow">有效状态</div></th>
</tr>
<c:forEach items="${page.data }" var="group" varStatus="status">
<tr class="list-com-row">
<td><input type="checkbox" class="list-com-chkopt" value="${group.groupId }" nm="${group.groupName }" }/></td>
<td>
<div class="list-com-item over-flow enable-open b-edit" beditid="${group.groupId}" title="${group.groupName }" onclick="openIframe('${group.groupId}','${group.groupName }','coin/coin-user!input.do?id=${group.groupId}')">
${group.groupName }
</div>
</td>
<td><div class="list-com-item alg-lft over-flow" title="${group.groupDesc }">${group.groupDesc }</div></td>
<td><div class="list-com-item over-flow"><span class="font-c-green">${group.state==0 ? "无效" : "有效" }</span></div></td>
</tr>
</c:forEach>

//全选(取消全选)
$("body").on("click",".list-com-chkall",function(){
if(!!this.checked){
$(".list-com-chkopt[disabled!=disabled]").prop("checked",true).parent().parent().addClass("lt-row-checked");
}else{
$(".list-com-chkopt").prop("checked",false).parent().parent().removeClass("lt-row-checked");
}

posted @ 2017-12-25 14:41  Super丶零下  阅读(219)  评论(0编辑  收藏  举报