注册 登录
  • 欢迎访问开心洋葱网站,在线教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入开心洋葱 QQ群
  • 为方便开心洋葱网用户,开心洋葱官网已经开启复制功能!
  • 欢迎访问开心洋葱网站,手机也能访问哦~欢迎加入开心洋葱多维思维学习平台 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏开心洋葱吧~~~~~~~~~~~~~!
  • 由于近期流量激增,小站的ECS没能经的起亲们的访问,本站依然没有盈利,如果各位看如果觉着文字不错,还请看官给小站打个赏~~~~~~~~~~~~~!

javascript如何使用shift+click选择和反选checkbox的代码

JavaScript 水墨上仙 2002次浏览 已收录 手机上查看

javascript通过shift+click选择和反选checkbox的代码

var lastChecked = null;
var handleChecked = function(e) {
    if(lastChecked && e.shiftKey) {
        var i = $('input[type="checkbox"]').index(lastChecked);
    var j = $('input[type="checkbox"]').index(e.target);
    var checkboxes = [];
    if (j > i) {
        checkboxes = $('input[type="checkbox"]:gt('+ (i-1) +'):lt('+ (j-i) +')');
    } else {
        checkboxes = $('input[type="checkbox"]:gt('+ j +'):lt('+ (i-j) +')');
    }
 
    if (!$(e.target).is(':checked')) {
        $(checkboxes).removeAttr('checked');
    } else {
        $(checkboxes).attr('checked', 'checked');
    }
    }
    lastChecked = e.target;
 
    // Other click action code.
 
}
$('input[type=checkbox]').click(handleChecked);


开心洋葱 , 版权所有丨如未注明 , 均为原创丨未经授权请勿修改 , 转载请注明javascript如何使用shift+click选择和反选checkbox的代码
喜欢 (0)
[开心洋葱]
分享 (0)
关于作者:
水墨上仙
……
加载中……