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


 

再分享一下我老師大神的人工智慧教程吧。零基礎!通俗易懂!風趣幽默!還帶黃段子!希望你也加入到我們人工智慧的隊伍中來!https://www.cnblogs.com/captainbed