[发明专利]一种复选框滑动多选的方法

说明书

本发明公开了一种复选框滑动多选的方法,用户在复选框上按下鼠标时触发mouse‑down事件，设置一个变量，标识滑动选择开始；对复选框的父元素同时监听mouse‑out和mouse‑over事件；在Mouse‑out里设置本次滑动选择的类型；在mouse‑over事件里，检测当前滑过元素的索引，循环设置从起始索引到当前索引对应的复选框状态；最后，在最外层的元素监听mouse‑up事件，即当鼠标松开时，标识本次滑动选择结束。本发明无需额外的开发工作量，只需要对复选框相关事件做简单的改进，即可有效提高操作人员的工作效率，提升web应用系统的用户体验。

技术领域

本发明属于互联网技术领域，尤其涉及一种复选框滑动多选的方法。

背景技术

随着互联网的普及程度不断提高，基于浏览器的web应用系统越来越多，在 web系统里，复选框作为批量操作数据的选择器，是使用频率较高的web控件。虽然复选框本身技术含量不高，但基于传统的操作方法，用户在批量选择数据时，必须手动逐个选择，整个过程过于繁琐，工作效率较低。

发明内容

为克服现有技术的不足之处，本发明提供一种复选框滑动多选的方法。

本发明是通过以下技术方案实现的：

一种复选框滑动多选的方法,其特征在于，包括如下步骤：

(1)用户在复选框上按下鼠标时触发mouse-down事件，设置一个变量，标识滑动选择开始；

(2)对复选框的父元素同时监听mouse-out和mouse-over事件；

(3)在Mouse-out里设置本次滑动选择的类型，如果初始元素是选中状态，则滑动选择的元素均选中；如果初始元素是未选中状态，则滑动选择的元素均取消选中；

(4)在mouse-over事件里，检测当前滑过元素的索引，循环设置从起始索引到当前索引对应的复选框状态；最后，在最外层的元素监听mouse-up事件，即当鼠标松开时，标识本次滑动选择结束。

本发明的有益效果是：本发明提供的复选框滑动多选的方法，无需额外的开发工作量，只需要对复选框相关事件做简单的改进，即可有效提高操作人员的工作效率，提升web应用系统的用户体验。

附图说明

结合附图，并通过参考下面的详细描述，将会更容易地对本发明有更完整的理解并且更容易地理解其伴随的优点和特征，其中：

图1是本发明的原理示意图。

具体实施方式

下面将结合具体实施例来详细说明本发明，在此本发明的示意性实施例以及说明用来解释本发明，但并不作为对本发明的限定。

如图1所示，一种复选框滑动多选的方法，包括如下步骤：

(1)用户在复选框上按下鼠标时触发mouse-down事件，设置一个变量，标识滑动选择开始；

(2)对复选框的父元素同时监听mouse-out和mouse-over事件；

(3)在Mouse-out里设置本次滑动选择的类型，如果初始元素是选中状态，则滑动选择的元素均选中；如果初始元素是未选中状态，则滑动选择的元素均取消选中；

(4)在mouse-over事件里，检测当前滑过元素的索引，循环设置从起始索引到当前索引对应的复选框状态；最后，在最外层的元素监听mouse-up事件，即当鼠标松开时，标识本次滑动选择结束。

具体的，本实施例中，用户鼠标点击复选框，触发mouse-down，滑动选择开始batch_select_mode＝true。