jquery ui可选复选框

时间:2012-05-18 06:16:15

标签: php jquery html forms jquery-ui

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

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

1.。)如何更改脚本,所以在点击其他<li>时,它也会突出显示该元素,而不是取消选择之前突出显示的内容。并取消选择用户重新点击元素的元素。这样,用户可以通过单独单击每个元素来选择多个元素,而无需按住Ctrl键单击以选择多个元素。

<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 个答案:

答案 0 :(得分:6)

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

<强> DEMO