jquery - 在网络浏览器中滑动以选择复选框

Question

有时我们的表单在表列中有很多复选框。用户必须仔细检查并检查其中的一些(但不是全部)。

我通常认为，如果您可以单击并拖动复选框，只需轻轻一扫即可选择您想要的复选框，那就太好了。

我以前没有见过这个实现。有人对这样的东西的可用性有意见吗？

有人见过可以实现此功能的 jquery 插件吗？

Answer 1

这是我的答案，这要归功于 Trufa 和 Tats 的帮助:http://jsfiddle.net/ebStc/7/

这是一个插件:

$.fn.swipeable = function() {

var mousedownOn = {
        id: '',
        checkState: false
    };

$(document)
    .mouseup(function() {
        mousedownOn.id = '';
    });

$(this)
    .filter(':checkbox')
    .mousedown(function() {
        var $this = $(this);
        mousedownOn.id = $this.attr('id');
        mousedownOn.checkState = $this.prop('checked');
        $this.prop('checked',!$this.prop('checked'));
        $this.change();
    })
    .mouseenter(function() {
        var $this = $(this);

        if (mousedownOn.id != '' && mousedownOn.id != $this.attr('id')){
            $this.prop('checked',!mousedownOn.checkState);
            $this.change();
        }
    })
    .click(function(e) {
        e.preventDefault();
        return false;
    });
};