jquery ui 可选复选框

Posted 2023-02-24

【中文标题】jquery ui 可选复选框

【英文标题】：jquery ui selectable checkbox

【发布时间】：2012-05-25 17:35:51

【问题描述】：

我有两个问题。我正在使用 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>​

【参考方案1】：

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

DEMO