JQuery實現表格的複選框切換全選 / 取消全選

最近在做一個純JQuery實現的項目，以前沒有學過JQuery就直接用框架開發，如今用到純JQuery自己實現，學會了一點JQuery，感覺挺有意思的，做下筆記。

JQuery實現表格中多個複選框的全選/取消全選，我寫了兩種方案(有整行樣式和無整行樣式)：

<script>

		//=================全選/全不選=======================
		//方案一，無整行選中樣式
		// $("#CheckAll").bind("click", function () {
		// 	$("input[name='lwnCheck']").prop("checked", this.checked);
		// });
		//方案二，有整行選中樣式。使用如下方法，onclick綁定到#CheckAll標籤上，實現選中複選框和整行樣式
		function cancelOrChecked() {
			$("input[name='lwnCheck']").each(function () {//遍歷table中所有name='lwnCheck'的複選框
				if ($("#CheckAll").prop("checked")) {//$("#CheckAll") 爲表頭的切換全選的複選框
					$(this).prop("checked", true);
					$(this).parent().parent().attr("class", "active");//給當前行加整行選中的樣式
				} else {
					$(this).prop("checked", false);
					$(this).parent().parent().removeAttr("class", "active");
				}
			});

		}
</script>