Переключить элементы по выбору по щелчку мыши

То, что мне нужно, этоПереключить элементы по выбору по щелчку мыши

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

Я хочу, чтобы при нажатии на элемент его выбирали, и когда он снова щелкнул по нему, его можно было бы отменить. – prince

и в чем проблема? –

OK Я надеюсь, что мой ответ поможет. Здесь вам нужно установить metakey в true на mouse down event. В примере кода событие равно binded. Я получил это от stackoverflow себя here, here.

Теперь для вашей конкретной проблемы нажмите на ссылку JSFIDDLE

источник

2013-03-08 08:48:53 arjuncc

Переключить элементы по выбору по щелчку мыши

ответ

Смежные вопросы