2012-02-26 97 views
1

目前我的功能看起来像多项选择,按CTRL键

http://jsfiddle.net/tt13/5CxPr/13/

正如你看到的,现在当我点击一个接一个多行,这会让他们选择。

我想要做的是通过按Ctrl +左键单击选择多个行,只有一个选择,只有一个 - 左键单击(我的意思是删除先前选择并选择最后单击一个;就像Windows图标选择)。我如何修改当前的代码?

回答

3

试试这个:

$(".subject").live('click',function(event) { 
    event.preventDefault(); 

    if(event.ctrlKey) { 
      $(this).toggleClass('selected'); 
    } else { 
      $(".subject").removeClass("selected"); 
      $(this).addClass("selected");   
    } 
}); 
+0

THX非常多。有用。 http://jsfiddle.net/tt13/5CxPr/21/一个小错误:在Firefox上它显示奇怪的蓝色边界http://screencast.com/t/3lPxnKOZZ铬没有。我该如何解决这个问题? – heron 2012-02-26 08:59:17

+0

我编辑答案并添加了'event.preventDefault();'以防止点击被处理为firefox并着色该行。蓝色边框不应再显示 – 2012-02-26 09:11:52

相关问题