> 웹 프론트엔드 > JS 튜토리얼 > jQuery는 list_jquery의 모든 선택 기능을 구현합니다.

jQuery는 list_jquery의 모든 선택 기능을 구현합니다.

WBOY
풀어 주다: 2016-05-16 16:08:41
원래의
1564명이 탐색했습니다.

단 몇 줄의 코드만으로 목록의 전체 선택 기능을 구현할 수 있으며, 게시 요청과 연동하여 백그라운드 삭제 프로그램을 실행할 수 있습니다

js

코드 복사 코드는 다음과 같습니다.

함수 DelAlert(데이터)
{
If(데이터 == '오류')
            {
Alert("오류~");
}
          else if(데이터 == '성공')
            {
Alert("성공~");
location.reload();
}
}
//jquery를 소개합니다. 여기서 백엔드는 thinkphp입니다
$(함수(){
//각 행의 체크박스에는 현재 행의 ID를 저장하기 위한 check-value 속성이 있어야 합니다
// 모두 선택, Checkall은 해당 클래스에 선택된 모든 CheckBox의 ID 선택입니다.
          $('#checkAll').selectall('selectone');
// 선택 항목을 삭제하고, ID의 모든 버튼을 삭제하려면 deleteall을 선택하여 체크박스의 각 줄에 대한 IDS 형식 매개변수를 수신합니다.         var url = "홈/역할/delall'";
           $('#deleteAll').delselect('selectone',url,function(data){
               DelAlert(데이터);
          },함수(){
              layer.msg("선택한 콘텐츠 없음",2,0);
        });
})

jquery.selectall.js

코드 복사 코드는 다음과 같습니다.

(함수( $ ){
    $.fn.selectall = 함수(클래스이름) {
        $(this).bind('클릭',function()
        {
            if($(this).attr('checked') == 'checked')
            {
                $(this).attr("checked",false)
                $('.' className).attr('checked',false);
            }그밖에{
                $(this).attr('checked','checked');
                $('.' className).attr('checked','checked');
            }
        });
        $('.' className).bind('click',function()
        {
            if($(this).attr('checked') == 'checked')
            {
                $(this).attr("checked",false);
            }그밖에{
                $(this).attr('checked','checked');
            }
        });
    };
    $.fn.delselect = 함수(className,url,fun,unselectfun){
        $(this).bind('클릭',function(){
            var selectid = '';
            $("." className).each(function(){
                if($(this).attr('checked')=='checked'){
                    selectid =$(this).attr('check-value') ',';
                }
            });
            if(선택ID)
            {
                selectid = selectid.substring(0,selectid.length-1);
                $.post(url,{ids:selectid},function(data){
                    재미(데이터);
                });
            }다른
            {
                unselectfun();
            }
        });
    };
})( jQuery );

以上所述就是本文의 전체 부서 内容了, 希望大家能够喜欢。

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿