jquery實現複選框checkbox全選 取消全選
阿新 • • 發佈:2018-12-20
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"); }) } })