javascript使用shift+click实现选择和反选checkbox的方法
本文实例讲述了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实现checkBox的全选，反选与赋值，包括了javascript实现checkBox的全选，反选与赋值的使用技巧和注意事项，需要的朋友参考一下 我们平时在做项目的时候，经常会遇到需要实现实现checkBox的全选，反选与赋值的情况，网上也有许多的范例，这里给大家分享的是本人常用的方法，推荐给大家。 以上就是本示例的全部代码了，希望对大家学习使用javascrip
-
本文向大家介绍JavaScript列表框listbox全选和反选的实现方法，包括了JavaScript列表框listbox全选和反选的实现方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JavaScript列表框listbox全选和反选的实现方法。分享给大家供大家参考。具体分析如下： 通过JS代码对列表框进行全选和反选是经常要操作的，非常具有实用价值。 下面是一个详细使用范例 希望本文
-
本文向大家介绍Android RecycleView使用（CheckBox全选、反选、单选），包括了Android RecycleView使用（CheckBox全选、反选、单选）的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了CheckBox全选、反选、单选的具体代码，供大家参考，具体内容如下 MainActiivity Adapter main.xml Check.xml 以上就是
-
本文向大家介绍jQuery实现checkbox列表的全选、反选功能，包括了jQuery实现checkbox列表的全选、反选功能的使用技巧和注意事项，需要的朋友参考一下 我们在做列表的时候经常会遇到全选，反选进行批量处理问题，例如： 我当时就是简单的实现了，然后想封装到公共的js中，封装的太烂，不好意思贴出来了（就是把实现代码之间放到公共js中，然后每个页面都用固定的id,class,现在想
-
实现效果 初始文档中提供了一组 checkbox 类型的 input 元素，选中某个复选框时，其 <p> 标签中的文字会显示删除线。最终效果是，提供按下 Shift 键后进行多选操作的功能。 在线体验请点这里。 过程指南 获取所有的 <input> 元素，并添加事件监听 const boxs = document.querySelectorAll('.inbox input[type="chec
-
本文向大家介绍Android中ListView结合CheckBox实现数据批量选择（全选、反选、全不选），包括了Android中ListView结合CheckBox实现数据批量选择（全选、反选、全不选）的使用技巧和注意事项，需要的朋友参考一下 APP的开发中，会常遇到这样的需求：批量取消（删除）List中的数据。这就要求ListVIew支持批量选择、全选、单选等等功能，做一个比较强大的ListVi