javascript使用shift+click实现选择和反选checkbox的方法


Posted in Javascript onMay 04, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
Javascript结合css实现网页换肤功能
Nov 02 Javascript
javascript窗口宽高,鼠标位置,滚动高度(详细解析)
Nov 18 Javascript
深入理解JavaScript系列(22):S.O.L.I.D五大原则之依赖倒置原则DIP详解
Mar 05 Javascript
盘点javascript 正则表达式中 中括号的【坑】
Mar 16 Javascript
Bootstrap基本插件学习笔记之标签切换(17)
Dec 08 Javascript
微信小程序自定义导航隐藏和显示功能
Jun 13 Javascript
js禁止表单重复提交
Aug 29 Javascript
js 开发之autocomplete="off"在chrom中失效的解决办法
Sep 28 Javascript
微信小程序分享海报生成的实现方法
Dec 10 Javascript
vue如何实现自定义底部菜单栏
Jul 01 Javascript
javascript 函数的暂停和恢复实例详解
Apr 25 Javascript
javascript数组includes、reduce的基本使用
Jul 02 Javascript
js实现兼容IE和FF的上下层的移动
May 04 #Javascript
jQuery结合CSS制作漂亮的select下拉菜单
May 03 #Javascript
jQuery实现的向下图文信息滚动效果
May 03 #Javascript
JQuery插件Quicksand实现超炫的动画洗牌效果
May 03 #Javascript
JQuery页面地址处理插件jqURL详解
May 03 #Javascript
jQuery的animate函数实现图文切换动画效果
May 03 #Javascript
php+ajax+jquery实现点击加载更多内容
May 03 #Javascript
You might like
ThinkPHP中的三大自动简介
2014/08/22 PHP
php中动态调用函数的方法
2015/03/16 PHP
PHP正则获取页面所有图片地址
2016/03/23 PHP
javascript数据类型示例分享
2015/01/19 Javascript
javascript中Object使用详解
2015/01/26 Javascript
JSON字符串和对象之间的转换详解
2015/05/26 Javascript
js如何实现淡入淡出效果
2020/11/18 Javascript
javascript动态生成树形菜单的方法
2015/11/14 Javascript
js使用cookie记录用户名的方法
2015/11/26 Javascript
javascript url几种编码方式详解
2016/06/06 Javascript
picLazyLoad 实现图片延时加载(包含背景图片)
2016/07/21 Javascript
JavaScript中函数声明与函数表达式的区别详解
2016/08/18 Javascript
基于NodeJS+MongoDB+AngularJS+Bootstrap开发书店案例分析
2017/01/12 NodeJs
jquery 手势密码插件
2017/03/17 Javascript
vue组件编写之todolist组件实例详解
2018/01/22 Javascript
JS实现table表格内针对某列内容进行即时搜索筛选功能
2018/05/11 Javascript
js时间转换毫秒的实例代码
2019/08/21 Javascript
详解Vue的组件中data选项为什么必须是函数
2020/08/17 Javascript
uin-app+mockjs实现本地数据模拟
2020/08/26 Javascript
Python守护进程(daemon)代码实例
2015/03/06 Python
200行自定义python异步非阻塞Web框架
2017/03/15 Python
Python内置函数——__import__ 的使用方法
2017/11/24 Python
Python简单生成随机姓名的方法示例
2017/12/27 Python
基于Python List的赋值方法
2018/06/23 Python
Python判断两个文件是否相同与两个文本进行相同项筛选的方法
2019/03/01 Python
python集合常见运算案例解析
2019/10/17 Python
SCDKey德国:全球领先的数字游戏市场
2019/04/09 全球购物
写一个函数,求一个字符串的长度。在main函数中输入字符串,并输出其长度
2015/11/18 面试题
办公室人员先进事迹
2014/01/27 职场文书
《陶罐和铁罐》教学反思
2014/02/19 职场文书
大专生自我鉴定怎么写
2014/09/16 职场文书
门店店长岗位职责
2015/04/14 职场文书
2015年世界无烟日活动方案
2015/05/04 职场文书
感恩教师节主题班会
2015/08/12 职场文书
2019年第四季度财务部门工作计划
2019/11/02 职场文书
win10系统xps文件怎么打开?win10打开xps文件的两种操作方法
2022/07/23 数码科技