> php教程 > php手册 > ctrl,shift 多选表格行

ctrl,shift 多选表格行

WBOY
풀어 주다: 2016-06-07 11:41:24
원래의
1266명이 탐색했습니다.

实现类似资源管理器一样的选择方案
按住ctrl加选,按住shift连选,
active是选中后的CSS效果,自行设计或更改
var lastChecked;<br>     $('#example tbody').on("click","tr", function(event) {<br>                  <br>         if(!lastChecked) {<br>             lastChecked = this;<br>         }<br>          <br>         if(event.shiftKey) {<br>             var start = $('#example tbody tr').index(this);<br>             var end = $('#example tbody tr').index(lastChecked);<br>      <br>             for(i=Math.min(start,end);i                 if (!$('#example tbody tr').eq(i).hasClass('active')){<br>                     $('#example tbody tr').eq(i).addClass("active");<br>                 }<br>             }<br>             <br>             //清楚浏览器光标选择<br>             if (window.getSelection) {<br>                 if (window.getSelection().empty) {  // Chrome<br>                     window.getSelection().empty();<br>                 } else if (window.getSelection().removeAllRanges) {  // Firefox<br>                     window.getSelection().removeAllRanges();<br>                 }<br>             } else if (document.selection) {  // IE<br>                 document.selection.empty();<br>             }<br>         } else if ((event.metaKey || event.ctrlKey)){<br>             $(this).toggleClass('active');<br>         } else {<br>             $('#example tbody tr').removeClass('active');<br>             $(this).toggleClass('active');  <br>         }<br>          <br>         lastChecked = this;<br>     });

AD:真正免费,域名+虚机+企业邮箱=0元

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