在 jQuery 上启用多选，单击时可选择答案

【问题标题】：Enable multi-select on jQuery selectable on click在 jQuery 上启用多选，单击时可选择
【发布时间】：2012-11-09 19:30:48
【问题描述】：

是否可以在 jQuery selectable 上启用多选？

多选我的意思是可以通过单击它来选择多个选项（类似于复选框），如果再次单击它，它会取消选择该选项。

这是我目前的代码：http://jsfiddle.net/vw9jL/1/

HTML

<ol id="selectable">
    <li class="ui-state-default">1</li>
    <li class="ui-state-default">2</li>
    <li class="ui-state-default">3</li>
    <li class="ui-state-default">4</li>
    <li class="ui-state-default">5</li>
    <li class="ui-state-default">6</li>
    <li class="ui-state-default">7</li>
    <li class="ui-state-default">8</li>
    <li class="ui-state-default">9</li>
    <li class="ui-state-default">10</li>
    <li class="ui-state-default">11</li>
    <li class="ui-state-default">12</li>
    <li class="ui-state-default">13</li>
    <li class="ui-state-default">14</li>
    <li class="ui-state-default">15</li>
</ol>

CSS

#feedback { font-size: 1.4em; }
#selectable .ui-selecting { background: #C41C7B; }
#selectable .ui-selected { background: #C41C7B; color: white; }
#selectable { list-style-type: none; margin: 0; padding: 0; width: 450px; }
#selectable li { margin: 3px; padding: 3px; float: left; width: 20px; height: 20px; font-size: 14px; font-family: Arial; text-align: center; }

jQuery

 $(function() {
        $( "#selectable" ).selectable();
    });

非常感谢。

【问题讨论】：

标签： jquery

【解决方案1】：

向下绑定鼠标：

$(function() {
    $("#selectable").bind('mousedown', function (e) {
        e.metaKey = true;
    }).selectable();
});

jSFiddle Demo

【讨论】：

有没有办法选择默认数量的值？例如，如果我想在页面加载时选择 1 到 10
在您同意的情况下接受答案总是一个好主意，您可以随时更改接受选项。
@EmmanuelN 它只会让我在接下来的两分钟内接受。我想知道您如何设置在页面加载时默认选择某些块 - 如果这有意义吗？
这使得可选择的行为就像控制键被按住

【解决方案2】：

Control+Click 中的按钮 ;)

【讨论】：

文档还提到了单击和拖动以进行多项选择的能力。