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")); })