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"));

})

}