1. 程式人生 > >Jquery 操作複選框 全選,判斷是否選中等

Jquery 操作複選框 全選,判斷是否選中等

$(document).ready(function() {
	// 監控,如果有一個多選框沒有選,就取消“全選按鈕”
	$(".platIdCls").click(function() {
		var ifCk = $(this).is(":checked");
		// 判斷使用者點選的那個多選框,是否選中
		if (!ifCk) {// 如果沒有選中
			// 取消“全選”
			$("#ckSelectAll").attr("checked", false);
			$("#ckSelectAll").attr("value", "0");
		} else {// 如果點選選中
			// 獲取指定name的所有複選框
			var coll = document.getElementsByName("platId");
			var ifAllSeled = true;
			// 對指定name的複選框進行遍歷
			for (var i = 0; i < coll.length; i++) {
				// 如果有一個沒有選中的,說明沒有全選
				if (!coll[i].checked) {
					ifAllSeled = false;
					break;
				}
			}
			if (ifAllSeled) {
				console.log("全選了");
				$("#ckSelectAll").attr("checked", true);
				// 給全選框一個值,1表示已選
				$("#ckSelectAll").attr("value", "1");
			} else {
				console.log("沒有全選");
			}
		}
	});
});