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

我有一组复选框，当你用鼠标选择它时，我希望选中或取消选中（如果选中）。我不是指任何普通类型的选择，我的意思是，当你在复选框/标签上移动时，选择鼠标按钮选中区域中的复选框

我很难解释这一点，所以我做了一个图像示例

因此，如果我有一组复选框/标签，如下所示：

<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>

2012年6月23日
2012年6月24日
2012年6月25日
2012年6月26日

我该怎么做

我试着在谷歌上搜索，但什么也没找到。感谢您的帮助。谢谢。

你最好使用

<select size=5 multiple>

---

注意。

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

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

        this.checked= true;

    });
}
});

---

类似的内容->不太可能，使用

这是正常的，如果我想让我的页面看起来很难看的话，我想我可以这样做。不过谢谢：）