通過按住鼠標按鈕來選擇/取消選擇複選框

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> 

我該怎麼辦呢？

我試圖尋找谷歌，但一無所獲。任何援助表示讚賞。謝謝。

Answer 1

嘗試包紮父div.Then試內容：

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

     this.checked= true; 

    }); 
} 
}); 

Working Fiddle

Answer 2

您更好地使用

<select size=5 multiple> 

問候。