js反选/全选
js的写法在标题行增加全选复选框和反选按钮,在
数据行增加带name属性的复选框。
<table border="1" align="center" width="80%">
<tr>
<th><input
type="checkbox" id="checkall" onclick="checkall()"/><input
type="button" value="反选" onclick="inverseChk()"/></th>
<th>主键序号</th>
。。。。。。。
</tr>
<tbody>
<c:forEach items="${page.list }"
var="recruit">
<tr align="center">
<td><input type="checkbox"
name="checkid" value="${recruit.nid }" /></td>
<td> ${recruit.nid }</td>
<td>${recruit.cjob }</td>
。。。。。。
</tr>
</c:forEach>
</tbody>
</table>
2.全选和全不选 两种实现方式:
第一种:
//全选和全不选(prop())(jq 的循环方式)
function checkAll(){//获取数据行的所有复选框
var bankchk=$("[name='checkid']");
var banks=$("#checkall").prop("checked");
//jq的each循环,
$.each(bankchk,function(){
$(this).prop("checked",banks);
})
}
第二种
function checkall(){
$("
[name='checkid']").prop("checked",$("#checkall").prop("checked"));
}
3.反选
function inverseChk(){
var checkids= $("
[name='checkid']");
$.each(checkids,function(){
$(this).prop("checked",!$(this).prop("checked"));
})
}