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 相关文章推荐
关于IFRAME 自适应高度的研究
Jul 20 Javascript
jquery 事件对象属性小结
Apr 27 Javascript
使用javascript做的一个随机点名程序
Feb 13 Javascript
jQuery基于图层模仿五星星评价功能的方法
May 07 Javascript
JavaScript对象数组的排序处理方法
Oct 21 Javascript
JS中递归函数
Jun 17 Javascript
jquery 仿锚点跳转到页面指定位置的实例
Feb 14 Javascript
微信浏览器禁止页面下拉查看网址实例详解
Jun 28 Javascript
JavaScript实现计算多边形质心的方法示例
Jan 31 Javascript
基于Vue+elementUI实现动态表单的校验功能(根据条件动态切换校验格式)
Apr 04 Javascript
js常见遍历操作小结
Jun 06 Javascript
利用js实现简单开关灯代码
Nov 23 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与paypal整合方法
2010/11/28 PHP
php中常用的预定义变量小结
2012/05/09 PHP
php cli 小技巧
2013/06/03 PHP
php+ajax注册实时验证功能
2016/07/20 PHP
Yii 2中的load()和save()示例详解
2017/08/03 PHP
Javascript & DHTML 实例编程(教程)DOM基础和基本API
2007/06/02 Javascript
Firefox中autocomplete="off" 设置不起作用Bug的解决方法
2011/03/25 Javascript
Node.js实战 建立简单的Web服务器
2012/03/08 Javascript
关于jquery性能最佳实践的讨论,与求教
2012/03/30 Javascript
通过$(this)使用jQuery包装后的方法或属性
2014/05/18 Javascript
了解Javascript的模块化开发
2015/03/02 Javascript
js兼容火狐显示上传图片预览效果的方法
2015/05/21 Javascript
jquery实现点击弹出带标题栏的弹出层(从右上角飞入)效果
2015/09/19 Javascript
javascript动画之磁性吸附效果篇
2016/12/09 Javascript
Webpack如何引入bootstrap的方法
2017/06/17 Javascript
js指定步长实现单方向匀速运动
2017/07/17 Javascript
jQuery EasyUI的TreeGrid查询功能实现方法
2017/08/08 jQuery
JavaScript中严格判断NaN的方法
2018/02/16 Javascript
在微信小程序中使用mqtt服务的方法
2019/12/13 Javascript
python3编写ThinkPHP命令执行Getshell的方法
2019/02/26 Python
python批量将excel内容进行翻译写入功能
2019/10/10 Python
详解rem 适配布局
2018/10/31 HTML / CSS
意大利在线药房:Saninforma
2021/02/11 全球购物
可以在一个PHP文件里面include另外一个PHP文件两次吗
2015/05/22 面试题
干部行政关系介绍信
2014/01/17 职场文书
美德好少年事迹材料
2014/01/19 职场文书
美术毕业生求职信
2014/02/25 职场文书
幼儿园评语大全
2014/04/17 职场文书
安全生产月演讲稿
2014/05/09 职场文书
倡议书格式模板
2014/05/13 职场文书
体育教育毕业生自荐信
2014/06/29 职场文书
政府会议通知范文
2015/04/15 职场文书
2016年法制宣传月活动总结
2016/04/01 职场文书
MySQL 表空间碎片的概念及相关问题解决
2021/05/07 MySQL
Python中的tkinter库简单案例详解
2022/01/22 Python
一文了解MySQL二级索引的查询过程
2022/02/24 MySQL