如何在jquery中使用控制鍵選擇多個li項目？

我在這裏選擇在一個列表和添加按鈕的點擊單節鋰項目所選擇的項目將被移動到下一個lsit如何在jquery中使用控制鍵選擇多個li項目？

$("#list3 li").click(function() { 
       $("#list3 li").removeClass('clicked'); 
       $(this).addClass('clicked'); 

      }); 
$("#add").click(function() { 
      $("#list3 li.clicked").removeClass("clicked").appendTo('#list4'); 
      });

和

.clicked { 
     border: 3px solid blue; 

    }

在這裏，我需要選擇多個李項目使用控制鍵，如果我點擊添加按鈕所有選定的李項目已被移動到另一個列表..任何建議？

來源

2012-03-26 bala3569

什麼標準來選擇多個項目？ – 2012-03-26 06:35:12

多重選擇只有在工作的時候按下控制按鈕 – bala3569 2012-03-26 06:40:17

好吧，如果你需要選擇多個項目，那麼你需要修改未選中每一個項目，除非你點擊最後一個代碼：

$("#list3 li").click(function (e) { 
    // PLACED INSIDE CONDITIONAL 
    if (!e.ctrlKey) { 
     $("#list3 li").removeClass('clicked'); 
    } 
    $(this).toggleClass('clicked'); // LINE MODIFIED 
});

我也改變addClass('clicked')到toggleClass('clicked')，這樣你也可以取消選擇通過再次點擊他們的項目。其餘的代碼不需要改變。

See it in action。

來源

2012-03-26 06:34:39 Jon

但多個選擇只有當我按下控制按鈕 – bala3569 2012-03-26 06:38:46

@ bala3569工作：你是什麼意思？控制按鈕是什麼/在哪裏？ – Jon 2012-03-26 06:56:30

對不起控制鍵 – bala3569 2012-03-26 07:01:53

$("#list3 li").click(function (e) { 
    { 
     if (!(e.metaKey)){ 
      $("#list3 li").removeClass('clicked'); 
     } 
     $(this).addClass('clicked'); 
    });

e.metaKey適用於蘋果（命令）和Windows/Linux操作系統（控制）

來源

2012-03-26 06:47:25

它不工作 – bala3569 2012-03-26 07:14:37

我不知道有多少你手握需要選擇李項......但這裏的另一個JS那撥弄表明它的工作原理： http://jsfiddle.net/HMn9U/1/ 雖然信貸真的應該去喬恩。我只是建議你使用「metaKey」，以便它與其他操作系統 – 2012-03-27 00:52:43

更加兼容。對不起。我的小提琴沒有正確地操作。試試這個：http://jsfiddle.net/HMn9U/2/ – 2012-03-27 01:08:23

如何在jquery中使用控制鍵選擇多個li項目？

回答

相關問題