1. 程式人生 > >jquery實現複選框checkbox全選 取消全選

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