>  기사  >  웹 프론트엔드  >  javascript jQuery 기반 테이블 호버 변색/복원, 테이블 클릭 변색/복원, 행 선택 클릭 Checkbox_jquery

javascript jQuery 기반 테이블 호버 변색/복원, 테이블 클릭 변색/복원, 행 선택 클릭 Checkbox_jquery

WBOY
WBOY원래의
2016-05-16 19:01:571427검색

// 버전: 1.0
// 날짜: 2007/08/01
// 참고: jQuery 라이브러리 필요
// 참조: Dodo(tableRowCheckboxToggle) 및 Softcomplex(tigra_tables)

함수 Kin_Tables(
                                                                                                                        Kin_Table_GetTableMethod, //테이블을 가져오는 방법은 $() 함수와 동일합니다.                           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:"od d ");
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:" 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){
                                                                                                                           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;   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);
            }
        });
    });
}

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.