jquery ui 可选复选框

Question

我有两个问题。我正在使用 jquery 可选择的 ui 作为复选框。

http://jsfiddle.net/skeR4/4/

1.) 我如何更改脚本，所以点击不同的<li> 它也会突出显示该元素，而不是取消选择之前突出显示的内容。并且要取消选择一个元素，用户重新单击该元素。这样，用户可以通过单独单击每个元素来选择多个元素，而无需通过 ctrl+click 来选择多个。

<div class="demo">

<ol id="selectable">
  <li class="ui-state-default">1<input type="checkbox" value="something"></li>
  <li class="ui-state-default">2</li>
  <li class="ui-state-default">3</li>
  <li class="ui-state-default">4</li>
</ol>

</div>​

<script>
    $(function() {
        $( "#selectable" ).selectable();
    });
</script>​

Answer 1

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

DEMO