jquery實現複選框checkbox全選,取消全選
阿新 • • 發佈:2018-12-28
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");
})
}
})
再分享一下我老師大神的人工智慧教程吧。零基礎!通俗易懂!風趣幽默!還帶黃段子!希望你也加入到我們人工智慧的隊伍中來!https://www.cnblogs.com/captainbed