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元素,并将它们发布到一个表格或任何你的最终目标.没有检查过这段代码,但是你要做的是要求selectable中所有li元素在class属性的末尾都有橙色值.

使用下面的代码,我正在创建一个新数组,然后将每个"orange li"的text()值添加到其中.

var theSelections = new Array();

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