javascript基于jQuery的表格悬停变色/恢复,表格点击变色/恢复,点击行选Checkbox

  // 版本: 1.0

  // 日期: 2007/08/01

  // 备注: 需要jQuery库

  // 参考: Dodo(tableRowCheckboxToggle) 和 softcomplex(tigra_tables)

  function Kin_Tables(

  Kin_Table_GetTableMethod, //得到Table的方法 同$()功能 必选参数

  Kin_Table_Header_Offset, //从前起忽略多少行 可选参数

  Kin_Table_Footer_Offset, //从后起忽略多少行 可选参数

  Kin_Table_Odd_Style, //奇数行样式 可选参数

  Kin_Table_Even_Style, //偶数行样式 可选参数

  Kin_Table_Hover_Style, //鼠标悬停样式 可选参数

  Kin_Table_Click_Style //鼠标点击样式 可选参数

  ){

  $(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);

  }

  });

  });

  }