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 要求符合常规的使用定义 

1. 结构是 table tr th tr td 这样的
2. 通常都是第一个啊 直接写死了 也不会有太大变化

使用如下

$(function(){
   var modal = new checkAllModal($("table"));		
})





你可能感兴趣的:(JavaScript)