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中的location用法简单介绍
Mar 07 Javascript
div移动 输入框不能输入的问题
Nov 19 Javascript
javasciprt下jquery函数$.post执行无响应的解决方法
Mar 13 Javascript
js一维数组、多维数组和对象的混合使用方法
Apr 03 Javascript
Javascript 获取鼠标当前的位置实现方法
Oct 27 Javascript
JQuery Ajax WebService传递参数的简单实例
Nov 02 Javascript
Bootstrap基本样式学习笔记之图片(6)
Dec 07 Javascript
Vue实现动态响应数据变化
Apr 28 Javascript
利用JavaScript如何查询某个值是否数组内
Jul 30 Javascript
Node.js使用Express.Router的方法
Nov 14 Javascript
聊聊JS动画库 Velocity.js的使用
Mar 13 Javascript
微信小程序顶部导航栏可滑动并选中放大
Dec 05 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 XML数据解析代码
2010/05/26 PHP
php快速排序原理与实现方法分析
2016/05/26 PHP
javaScript复制功能调用实现方案
2012/12/13 Javascript
jQuery中获取checkbox选中项等操作及注意事项
2013/11/24 Javascript
JS获得QQ号码的昵称,头像,生日的简单实例
2013/12/04 Javascript
将中国标准时间转换成标准格式的代码
2014/03/20 Javascript
JS数组的遍历方式for循环与for...in
2014/07/31 Javascript
Javascript实现多彩雪花从天降散落效果的方法
2015/02/02 Javascript
jQuery Uploadify 上传插件出现Http Error 302 错误的解决办法
2015/12/12 Javascript
jQuery图片轮播实现并封装(一)
2016/12/03 Javascript
详解MVC如何使用开源分页插件(shenniu.pager.js)
2016/12/16 Javascript
Bootstrap 手风琴菜单的实现代码
2017/01/20 Javascript
NodeJS测试框架mocha入门教程
2017/03/28 NodeJs
微信小程序中form 表单提交和取值实例详解
2017/04/20 Javascript
jquery实现倒计时小应用
2017/09/19 jQuery
node 标准输入流和输出流代码实例
2019/09/19 Javascript
Python bsddb模块操作Berkeley DB数据库介绍
2015/04/08 Python
Python中转换角度为弧度的radians()方法
2015/05/18 Python
浅谈python 里面的单下划线与双下划线的区别
2017/12/01 Python
对Python3中dict.keys()转换成list类型的方法详解
2019/02/03 Python
Python3实现计算两个数组的交集算法示例
2019/04/03 Python
定义css设备类型-Media Queries图表简介及使用方法
2013/01/21 HTML / CSS
Agoda.com官方网站:便宜预订全球酒店,高达80%的折扣
2018/04/04 全球购物
英国最大的割草机购买网站:Just Lawnmowers
2019/11/02 全球购物
俄罗斯药房连锁店:ASNA
2020/06/20 全球购物
字符串str除首尾字符外的其他字符按升序排列
2013/03/08 面试题
介绍一下Java中标识符的命名规则
2014/02/03 面试题
酒店保洁主管岗位职责
2013/11/28 职场文书
致裁判员加油稿
2014/02/08 职场文书
机关保密承诺书
2014/06/03 职场文书
中学生的1000字检讨书
2014/10/11 职场文书
党支部书记岗位职责
2015/02/15 职场文书
生产设备维护保养制度
2015/08/06 职场文书
驾驶员安全责任协议书
2016/03/22 职场文书
详解Redis集群搭建的三种方式
2021/05/31 Redis
Python实现制作销售数据可视化看板详解
2021/11/27 Python