天天看點

複選框的全選與取消全選的一個例子,很好用

<table >
	<tr>
		<th><input type="checkbox" οnclick="swapCheck()" /></th>
		<th>Month</th>
		<th>Savings</th>
	</tr>
	<tr>
		<td><input type="checkbox" /></td>
		<td>January</td>
		<td>$100</td>
	</tr>
	<tr>
		<td><input type="checkbox" /></td>
		<td>February</td>
		<td>$150</td>
	</tr>
</table>

<script type="text/javascript"
	src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>

<script type="text/javascript">
	//checkbox 全選/取消全選
	var isCheckAll = false;
	function swapCheck() {
		if (isCheckAll) {
			$("input[type='checkbox']").each(function() {
				this.checked = false;
			});
			isCheckAll = false;
		} else {
			$("input[type='checkbox']").each(function() {
				this.checked = true;
			});
			isCheckAll = true;
		}
	}
</script>
           

--------------------- 版權聲明:本文為CSDN部落客「graceup」的原創文章,遵循CC 4.0 by-sa版權協定,轉載請附上原文出處連結及本聲明。 原文連結:https://blog.csdn.net/graceup/article/details/46650781