切換鼠標點擊可選擇

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

切換鼠標點擊可選擇

回答

相關問題