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 相关文章推荐
jQuery中调用WebService方法小结
Mar 28 Javascript
jQuery EasyUI API 中文文档 - MenuButton菜单按钮使用介绍
Oct 06 Javascript
Javascript 中的 call 和 apply使用介绍
Feb 22 Javascript
js+xml生成级联下拉框代码
Jul 24 Javascript
浅谈jQuery中对象遍历.eq().first().last().slice()方法
Nov 26 Javascript
jQuery插件Elastislide实现响应式的焦点图无缝滚动切换特效
Apr 12 Javascript
JavaScript对象属性检查、增加、删除、访问操作实例
Jul 08 Javascript
Vue 项目分环境打包的方法示例
Aug 03 Javascript
vue选项卡切换登录方式小案例
Sep 27 Javascript
vue实现吸顶、锚点和滚动高亮按钮效果
Oct 21 Javascript
jQuery实现推拉门效果
Oct 19 jQuery
详解Vue中的watch和computed
Nov 09 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&MYSQL留言板源码
2020/07/19 PHP
php自定义函数截取汉字长度
2014/05/15 PHP
php判断类是否存在函数class_exists用法分析
2014/11/14 PHP
微信公众平台开发实现2048游戏的方法
2015/04/15 PHP
PHP直接修改表内容DataGrid功能实现代码
2015/09/24 PHP
laravel中的一些简单实用功能
2018/11/03 PHP
yii框架结合charjs统计上一年与当前年数据的方法示例
2020/04/04 PHP
如何用javascript判断录入的日期是否合法
2007/01/08 Javascript
地址栏上的一段语句,改变页面的风格。(教程)
2008/04/02 Javascript
js change,propertychange,input事件小议
2011/12/20 Javascript
JQuery 使用attr方法实现下拉列表选中
2014/10/13 Javascript
JS实现从顶部下拉显示的带动画QQ客服特效代码
2015/10/24 Javascript
AngularJS基础 ng-mousemove 指令简单示例
2016/08/02 Javascript
JavaScript仿聊天室聊天记录
2016/12/27 Javascript
JS动态生成年份和月份实例代码
2017/02/04 Javascript
利用Javascript实现简单的转盘抽奖
2017/02/13 Javascript
纯JS实现简单的日历
2017/06/26 Javascript
js微信分享接口调用详解
2019/07/23 Javascript
layui实现给某一列加点击事件
2019/10/26 Javascript
[02:44]重置世界,颠覆未来——DOTA2 7.23版本震撼上线
2019/12/01 DOTA
Python对象体系深入分析
2014/10/28 Python
python中常用的九种预处理方法分享
2016/09/11 Python
python编程培训 python培训靠谱吗
2018/01/17 Python
Python cookbook(数据结构与算法)对切片命名清除索引的方法
2018/03/13 Python
Flask框架Jinjia模板常用语法总结
2018/07/19 Python
python实现吃苹果小游戏
2020/03/21 Python
加拿大最大的五金、家居装修和园艺产品商店:RONA
2017/01/27 全球购物
入学生会自荐书范文
2014/02/05 职场文书
服装促销活动方案
2014/02/23 职场文书
建筑专业毕业生自荐信
2014/05/25 职场文书
岗位说明书标准范本
2014/07/30 职场文书
授权委托书
2014/07/31 职场文书
甘南现象心得体会
2014/09/11 职场文书
党员干部四风问题整改措施思想汇报
2014/10/12 职场文书
法律意见书范本
2015/06/04 职场文书
病房管理制度范本
2015/08/06 职场文书