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 相关文章推荐
Code: write(s,d) 输出连续字符串
Aug 19 Javascript
Ext.FormPanel 提交和 Ext.Ajax.request 异步提交函数的区别
Nov 12 Javascript
JavaScript/Js脚本处理html元素的自定义属性解析(亲测兼容Firefox与IE)
Nov 25 Javascript
防止jQuery ajax Load使用缓存的方法小结
Feb 22 Javascript
JavaScript实现找出字符串中第一个不重复的字符
Sep 03 Javascript
js实现类似新浪微博首页内容渐显效果的方法
Apr 10 Javascript
javascript实现判断鼠标的状态
Jul 10 Javascript
JS实现的自定义右键菜单实例二则
Sep 01 Javascript
ajax图片上传,图片异步上传,更新实例
Dec 30 Javascript
详解Vue中过度动画效果应用
May 25 Javascript
详解JavaScript对数组操作(添加/删除/截取/排序/倒序)
Apr 28 Javascript
微信小程序返回箭头跳转到指定页面实例解析
Oct 08 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
PHP几个数学计算的内部函数学习整理
2011/08/06 PHP
ThinkPHP的I方法使用详解
2014/06/18 PHP
分享最受欢迎的5款PHP框架
2014/11/27 PHP
TP5框架安全机制实例分析
2020/04/05 PHP
jQuery 遍历json数组的实现代码
2020/09/22 Javascript
javascript中的delete使用详解
2013/04/11 Javascript
JS实现图片放大镜效果的方法
2015/02/27 Javascript
JavaScript中诡异的delete操作符
2015/03/12 Javascript
每天一篇javascript学习小结(基础知识)
2015/11/10 Javascript
Bootstrap编写一个同时适用于PC、平板、手机的登陆页面
2016/06/30 Javascript
js实现String.Fomat的实例代码
2016/09/02 Javascript
微信小程序 Audio API详解及实例代码
2016/09/30 Javascript
关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)
2016/12/14 Javascript
js 动态生成html 触发事件传参字符转义的实例
2017/02/14 Javascript
bootstrap多层模态框滚动条消失的问题
2017/07/21 Javascript
mac中利用NVM管理不同node版本的方法详解
2017/11/08 Javascript
详解Webpack-dev-server的proxy用法
2018/09/08 Javascript
python实现颜色rgb和hex相互转换的函数
2015/03/19 Python
由浅入深讲解python中的yield与generator
2017/04/05 Python
wxPython之解决闪烁的问题
2018/01/15 Python
Python 限制线程的最大数量的方法(Semaphore)
2019/02/22 Python
python 画二维、三维点之间的线段实现方法
2019/07/07 Python
python协程gevent案例 爬取斗鱼图片过程解析
2019/08/27 Python
Python 变量的创建过程详解
2019/09/02 Python
Laravel框架表单验证格式化输出的方法
2019/09/25 Python
python中count函数简单用法
2020/01/05 Python
使用pandas库对csv文件进行筛选保存
2020/05/25 Python
美国现代家具网站:Design Within Reach
2018/07/19 全球购物
信息管理员岗位职责
2013/12/01 职场文书
《月球之谜》教学反思
2014/04/10 职场文书
计算机多媒体专业自荐信
2014/07/04 职场文书
党员贯彻十八大精神思想汇报范文
2014/10/25 职场文书
给老婆的保证书
2015/01/16 职场文书
幼儿园教研工作总结2015
2015/05/12 职场文书
优秀学生干部主要事迹材料
2015/11/04 职场文书
python神经网络 使用Keras构建RNN训练
2022/05/04 Python