jquery可选-需要存储选定值的数组

我需要为一天中的每个小时创建一个用户可选择的网格。我做了一些研究，发现了jquery和这个提琴——经过一些修改后，它看起来正是我想要的

我的问题是，我需要能够存储所选值的数组，以便能够将它们传递给php以执行db任务。因此，例如，如果一个li选择了这个类，我需要将它的值存储到一个数组中，如果没有选择，则将其删除

另外，我不需要鼠标的实际选择能力。更确切地说，我只希望单击选择，单击取消选择。我还没有尝试过这么多，但是jQueryUI对我来说是新的

我在下面包括了js，但是完整的代码/css显示在fiddle中

var _selectRange = false, _deselectQueue = [];

$( "#selectable" ).selectable({
    selecting: function (event, ui) {
        if (event.detail == 0) {
            _selectRange = true;
            return true;
        }
        if ($(ui.selecting).hasClass('ui-selected')) {
            _deselectQueue.push(ui.selecting);
        }
    },
    unselecting: function (event, ui) {
        $(ui.unselecting).addClass('ui-selected');
    },
    stop: function () {
        if (!_selectRange) {
            $.each(_deselectQueue, function (ix, de) {
                $(de)
                    .removeClass('ui-selecting')
                    .removeClass('ui-selected');
            });
        }
        _selectRange = false;
        _deselectQueue = [];
    }
});

编辑解决方案：

昨天晚上和今天早上，我又仔细考虑了一下，决定完全取消用户界面的使用。我只是没有看到我只需要一个简单的切换功能（鼠标拖动选择对我来说并不重要）的意义。下面是结果js，它似乎对我来说非常好

$('#selectable li').on('click', function() {
  $(this).toggleClass('ui-selected'); 
});

function getSelected() {
    var selectedVals = [];
    $('.ui-selected').each(function(k,v) {
        selectedVals.push($(v).text());
    });
    alert(selectedVals);
}

$('#getVals').click(function() {
    getSelected();
});

---

调用此函数时，它将获得

selectedVals

数组中的所有选定值，您可以将这些值传递给PHP。

看起来不错。。。我在上面添加了一个解决方案，添加了您选择的数组函数。我决定放弃可选择的ui，因为它对我的需求来说似乎是不必要的。谢谢。这是一个伟大的决定！只为一个功能使用一个完整的库（这并不难模仿）是不对的。

  function getSelected() {
    var selectedVals = [];
    $('.ui-selected').each(function(k,v) {
        selectedVals.push($(v).text());
    });
    alert(selectedVals);
  }

var selectedVals = getSelected();