Выделение/снятие выделения с помощью кнопки мыши

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

Попробуйте warpping содержания в родительской 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> 

С уважением.