切换鼠标点击可选择

1）我可以选择几个元素，每次点击。

2）当我再次选择的元素上点击，它应该被取消

HTML代码：

<ol id="selectable"> 
    <li class="ui-widget-content">Item 1</li> 
    <li class="ui-widget-content">Item 2</li> 
    <li class="ui-widget-content">Item 3</li> 
    <li class="ui-widget-content">Item 4</li> 
    <li class="ui-widget-content">Item 5</li> 
    <li class="ui-widget-content">Item 6</li> 
    <li class="ui-widget-content">Item 7</li> 
</ol>

CSS代码：

#feedback { 
    font-size: 1.4em; } 
#selectable .ui-selecting { 
    background: #FECA40; } 
#selectable .ui-selected { 
    background: #F39814; 
    color: white; } 
#selectable { 
    list-style-type: 
    none; margin: 0; 
    padding: 0; 
    width: 60%; } 
#selectable li { 
    margin: 3px; 
    padding: 0.4em; 
    font-size: 1.4em; 
    height: 18px; }

jQuery代码：

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

view this code in jquery site

来源

2013-03-08 prince

你能具体谈谈你的要求吗？你想显示所有点击的元素为选中？ – arjuncc 2013-03-08 08:30:51

我希望当点击元素被选中时，当再次点击这个元素时，它被取消选择。 – prince 2013-03-08 08:36:18

有什么问题？ – 2013-03-08 09:05:01

好的我希望我的回答会有所帮助。在这里，你应该做的是在mouse down event上设置metakey为真。在示例代码中，事件是binded。我从stackoverflow本身得到这here,here。

现在为您的具体问题请点击以下链接 JSFIDDLE

来源

2013-03-08 08:48:53 arjuncc

切换鼠标点击可选择

回答

相关问题