javascript基于jQuery的表格悬停变色/恢复,表格点击变色/恢复,点击行选Checkbox_Javascript教程-查字典教程网
javascript基于jQuery的表格悬停变色/恢复,表格点击变色/恢复,点击行选Checkbox
javascript基于jQuery的表格悬停变色/恢复,表格点击变色/恢复,点击行选Checkbox
发布时间:2016-12-30 来源:查字典编辑
摘要://版本:1.0//日期:2007/08/01//备注:需要jQuery库//参考:Dodo(tableRowCheckboxToggle)...

//版本:1.0

//日期:2007/08/01

//备注:需要jQuery库

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

functionKin_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(){

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

varKin_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)returnfalse;

varKin_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;

returnfalse;

}

});

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

}

});

});

}

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类