ホームページ >ウェブフロントエンド >jsチュートリアル >javascript jQueryベーステーブルホバー変色・修復、テーブルクリック変色・修復、クリック行選択 Checkbox_jquery
// バージョン: 1.0
// 日付: 2007/08/01
// 注: jQuery ライブラリが必要です
// 参照: Dodo(tableRowCheckboxToggle) および Softcomplex(tigra_tables)
関数Kin_Tables(
. Kin_Table_Footer_Offset, //今後無視できる行数 オプションのパラメータ
Kin_Table_Odd_Style, //奇数行のスタイル オプションのパラメータ
Kin_Table_Even_Style, //偶数行スタイルのオプション パラメータ
Kin_Table_Hover_Style, //マウス ホバー スタイルのオプション パラメータ
スタイルのオプションのパラメータ thod?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_O ffset:0);
Kin_Table_Config.Odd_Style=(Kin_Table_Odd_Style?Kin_Table_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:" クリックされました"); 🎜>
var Kin_Table = $(Kin_Table_Config.GetTableMethod " tr:nth-child(n " eval(Kin_Table_Config.Header_Offset 1) ")");
Kin_Table.each(function (i,row){
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);},
🎜> $ (this).toggleClass(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);
}
});
});
}