html滑动复选框几种,一种复选框滑动多选的方法与流程

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

背景技术：

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

技术实现要素：

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

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

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

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

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

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

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