JS table checkbox seletall 代碼片斷

Javascript function 定義 (依賴JQUERY)
function checkAllModal(table){
		var primary = table.find("tr:eq(0)").find("th:eq(0)").find("input:checkbox");
		var group = table.find("tr:gt(0)").find("td:eq(0)").find("input:checkbox");
		function initModal(){
			var default_value = false;
			primary.get(0).checked = default_value;
			setGlobalValue(default_value);
		}
		function setGlobalValue(value){
			group.each(function(index,element){
				element.checked = value;
			});
		}
		initModal();
		primary.bind("change.jquery.alert",function(eventObject){
			var value = eventObject.delegateTarget.checked;
			setGlobalValue(value);
		});
		group.bind("change.jquery.alert",function(){
			var value = true;
			group.each(function(index,element){
				value = value && element.checked;
			});
			primary.get(0).checked = value;
		});
	};

table 要求符合常規的使用定義  jquery

1. 結構是 table tr th tr td 這樣的
2. 一般都是第一個啊 直接寫死了 也不會有太大變化

使用以下 code

$(function(){
   var modal = new checkAllModal($("table"));		
})
相關文章
相關標籤/搜索