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
Aug 13 Javascript
jquery入门—访问DOM对象方法
Jan 07 Javascript
控制input输入框中提示信息的显示和隐藏的方法
Feb 12 Javascript
jquery uploadify 在FF下无效的解决办法
Sep 26 Javascript
js判断滚动条是否已到页面最底部或顶部实例
Nov 20 Javascript
js中键盘事件实例简析
Jan 10 Javascript
gulp-htmlmin压缩html的gulp插件实例代码
Jun 06 Javascript
基于JS实现弹出一个隐藏的div窗口body页面变成灰色并且不可被编辑
Dec 14 Javascript
JS实现向iframe中表单传值的方法
Mar 24 Javascript
angularjs实现table增加tr的方法
Feb 27 Javascript
深入解读Node.js中的koa源码
Jun 17 Javascript
JavaScript实现简单的弹窗效果
May 19 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
UTF8编码内的繁简转换的PHP类
2009/07/09 PHP
PHP 第二节 数据类型之数值型
2012/04/28 PHP
php设计模式之单例模式使用示例
2014/01/20 PHP
jQuery 核心函数以及jQuery对象
2010/03/23 Javascript
基于jquery插件制作左右按钮与标题文字图片切换效果
2013/11/07 Javascript
JS可以控制样式的名称写法一览
2014/01/16 Javascript
Jquery选择器中使用变量实现动态选择例子
2014/07/25 Javascript
javascript实现的平方米、亩、公顷单位换算小程序
2014/08/11 Javascript
js+csss实现的一个带复选框的下拉框
2014/09/29 Javascript
前端必备神器 Snap.svg 弹动效果
2014/11/10 Javascript
JavaScript和CSS交互的方法汇总
2014/12/02 Javascript
Jquery实现弹性滑块滑动选择数值插件
2015/08/08 Javascript
jQuery计算文本框字数及限制文本框字数的方法
2016/03/01 Javascript
详解Javascript函数声明与递归调用
2016/10/22 Javascript
jquery配合.NET实现点击指定绑定数据并且能够一键下载
2016/10/28 Javascript
微信小程序-小说阅读小程序实例(demo)
2017/01/12 Javascript
简单实现jQuery上传图片显示预览功能
2020/06/29 jQuery
5 种JavaScript编码规范
2018/01/30 Javascript
JQuery中DOM节点的操作与访问方法实例分析
2019/12/23 jQuery
Vue实现背景更换颜色操作
2020/07/17 Javascript
[01:11:10]2014 DOTA2华西杯精英邀请赛 5 24 iG VS VG加赛
2014/05/26 DOTA
[02:50]【扭转乾坤,只此一招】DOTA2永雾林渊版本开启新篇章
2020/12/22 DOTA
安装ElasticSearch搜索工具并配置Python驱动的方法
2015/12/22 Python
Python的Flask框架及Nginx实现静态文件访问限制功能
2016/06/27 Python
简单了解什么是神经网络
2017/12/23 Python
Python PyAutoGUI模块控制鼠标和键盘实现自动化任务详解
2018/09/04 Python
python实现在cmd窗口显示彩色文字
2019/06/24 Python
Django自定义用户登录认证示例代码
2019/06/30 Python
使用 Python 快速实现 HTTP 和 FTP 服务器的方法
2019/07/22 Python
css3背景_动力节点Java学院整理
2017/07/11 HTML / CSS
韩国商务邀请函
2014/01/14 职场文书
《画家乡》教学反思
2014/04/22 职场文书
公安机关纪律作风整顿个人剖析材料材料
2014/10/10 职场文书
教师自荐信范文
2015/03/06 职场文书
2015年教师教学工作总结
2015/04/28 职场文书
用golang如何替换某个文件中的字符串
2021/04/25 Golang