jquery实现复选框checkbox全选，取消全选

jsp中checkbox复选框的个数是依据从数据库中取出值的条数决定的，是Iterator循环遍历出来的。

<td class="rd8"> <input type="checkbox" name="selectFlag" id="selectFlag" value="<%=user.getUser_id()%>"> </td>

第一种方法：

//全选 $("#checkAll").click(function() { if (this.checked) { $("input[name='selectFlag']:checkbox").each(function() { //遍历所有的name为selectFlag的 checkbox $(this).attr("checked", true); }) } }) //取消全选 $("#delCheckAll").click(function() { if (this.checked) { $("input[name='selectFlag']:checkbox").each(function() { //遍历所有的name为selectFlag的 checkbox $(this).attr("checked", false); }) } })

更简单直接的一种：

$("#checkAll").click(function() { if (this.checked) { $("input[name='selectFlag']:checkbox").each(function() { //遍历所有的name为selectFlag的 checkbox $(this).attr("checked", true); }) } else { //反之 取消全选 $("input[name='selectFlag']:checkbox").each(function() { //遍历所有的name为selectFlag的 checkbox $(this).attr("checked", false); //alert("f"); }) } })