jQuery表格悬停变色与点击选中复选框实现

jQuery表格悬停与选中功能实现

版本信息：1.0

// 日期: 2007/08/01

依赖要求：需引入jQuery库文件

参考来源：Dodo(tableRowCheckboxToggle) 和 softcomplex(tigra_tables)

function Kin_Tables(

Kin_Table_GetTableMethod, //获取表格对象的方法，功能同$()，为必选参数

Kin_Table_Header_Offset, //从表格开头忽略的行数，为可选参数

Kin_Table_Footer_Offset, //从表格末尾忽略的行数，为可选参数

Kin_Table_Odd_Style, //奇数行的CSS样式类名，为可选参数

Kin_Table_Even_Style, //偶数行的CSS样式类名，为可选参数

Kin_Table_Hover_Style, //鼠标悬停时的CSS样式类名，为可选参数

Kin_Table_Click_Style //鼠标点击选中时的CSS样式类名，为可选参数

$(function(){

var Kin_Table_Config = [];

Kin_Table_Config.GetTableMethod=(Kin_Table_GetTableMethod?Kin_Table_GetTableMethod:".Kin_Table");

Kin_Table_Config.Header_Offset=(!isNaN(Kin_Table_Header_Offset)?Kin_Table_Header_Offset:0);

Kin_Table_Config.Footer_Offset=(!isNaN(Kin_Table_Footer_Offset)?Kin_Table_Footer_Offset:0);

Kin_Table_Config.Odd_Style=(Kin_Table_Odd_Style?Kin_Table_Odd_Style:"odd");

Kin_Table_Config.Even_Style=(Kin_Table_Even_Style?Kin_Table_Even_Style:"even");

Kin_Table_Config.Hover_Style=(Kin_Table_Hover_Style?Kin_Table_Hover_Style:"over");

Kin_Table_Config.Click_Style=(Kin_Table_Click_Style?Kin_Table_Click_Style:"clicked");

var Kin_Table = $(Kin_Table_Config.GetTableMethod+" tr:nth-child(n+"+eval(Kin_Table_Config.Header_Offset+1)+")");

Kin_Table.each(function(i,row){

if (i>=Kin_Table.length-Kin_Table_Config.Footer_Offset) return false;

var Kin_Table_Row_Checkbox = $(row).find(":checkbox");

bChecked = false;

$(row).addClass(i%2==0?Kin_Table_Config.Odd_Style:Kin_Table_Config.Even_Style)

$(row).hover(

function(){$(this).addClass(Kin_Table_Config.Hover_Style);},

function(){$(this).removeClass(Kin_Table_Config.Hover_Style);

$(row).click(function(){

$(this).toggleClass(Kin_Table_Config.Click_Style);

Kin_Table_Row_Checkbox.each(function(){

this.checked=$(row).hasClass(Kin_Table_Config.Click_Style);

Kin_Table_Row_Checkbox.each(function(){

if(this.checked){

bChecked = true;

return false;

if (bChecked) {

$(row).addClass(Kin_Table_Config.Click_Style);

Kin_Table_Row_Checkbox.each(function(){

this.checked = true;

}else{

$(row).removeClass(Kin_Table_Config.Click_Style);