JQuery UI множественный выбор

Question

см. это демо от jquery ui Вы должны удерживать клавишу Ctrl, чтобы сделать несколько выборов Мне очень нравится код, но я не хочу заставлять своего посетителя нажимать клавишу Ctrl Я хочу, чтобы код разрешал множественный выбор без удержания клавиши Ctrl

это возможно?

Answer 1

Я задал вам вопросы в комментариях, но я просто напишу простое решение для выбора, чтобы вы могли понять, о чем я думал.

Таким образом, вы можете использовать эффект jquery toggle () для прокрутки своего собственного селектора. Когда пользователь щелкает, вы добавляете оранжевый класс, а когда он нажимает снова, он удаляет оранжевый класс.

$(document).ready( function() {
    $('ul#selectable li').toggle( function() {
        $(this).addClass('orange'); }, function() {
        $(this).removeClass('orange'); } );
});

Тогда ваша задача - собрать все элементы li с помощью оранжевого класса и отправить их в форму или в любую другую конечную цель. Не проверял этот код, но то, что вы делаете, запрашивает все элементы li внутри selectable, которые имеют оранжевое значение в конце атрибута class.

С помощью приведенного ниже кода я создаю новый массив, а затем добавляю в него значение text () каждого «оранжевого цвета».

var theSelections = new Array();

$('ul#selectable li[class$="orange"]').each( function(i) {
    theSelections[i] = $(this).text();
});

Answer 2

Да. Однако реализация должна позволять отменять выбор выбранных элементов при повторном нажатии. Вам просто нужно немного изменить код, чтобы добиться этого.

Сделайте .selectable ('Включить') для всех элементов.

Тогда вам нужно будет сделать .selectable ('toggle') onClick на все элементы.

Это должно сработать.