按住鼠标按钮选择/取消选中复选框

Question

我有一组复选框，当您用鼠标选择它时，我想要检查或取消选中（如果选中）。我并不是指任何普通类型的选择，我的意思是，当您移动复选框/标签时，选择鼠标按钮所选区域中的复选框。

我无法解释这一点，所以我做了一个图片示例。

所以，如果我有一组像这样的复选框/标签：

<input type="checkbox" id="i1"/><label for="i1">Jun 23 2012</label>
<input type="checkbox" id="i1"/><label for="i1">Jun 24 2012</label>
<input type="checkbox" id="i1"/><label for="i1">Jun 25 2012</label>
<input type="checkbox" id="i1"/><label for="i1">Jun 26 2012</label>

我该怎么做？

我试着在google上查找，但一无所获。任何帮助表示赞赏。感谢。

Answer 1

你最好使用

<select size=5 multiple>

问候。

Answer 2

尝试在父div中扭曲内容。然后尝试：

$("#test").selectable({
filter:'label',
stop: function() {        
    $("input").attr('checked',false);
    $(".ui-selected input", this).each(function() {

        this.checked= true;

    });
}
});

<强> Working Fiddle