Shift點擊引導程序/ FlatUI複選框

Question

我有這個整潔的腳本來處理，當用戶將點擊從一個複選框移到另一個複選框來選擇倍數。

var last_clicked = null; 
$("table.multi-select").on("click", "input:checkbox", function (e) { 
    // allow shift clicking 
    var grid = $(this).parents("table"); 

    if (!last_clicked) 
     last_clicked = this; 

    if (event.shiftKey) { 
     var start = grid.find("tbody input:checkbox").index(this); 
     var end = grid.find("tbody input:checkbox").index(last_clicked); 
     for (i = Math.min(start, end) ; i <= Math.max(start, end) ; i++) { 
      grid.find("tbody input:checkbox")[i].checked = last_clicked.checked; 
     } 
    } 

    last_clicked = this; 
}); 

它運作良好。我現在將我的複選框替換爲帶風格的引導程序/ FlatUI。這些隱藏了實際的複選框並將其替換爲樣式標籤。我已經修改了我的移位點擊腳本

$("table.multi-select").on("click", "label.checkbox", function (e) { 
    // allow shift clicking 
    var grid = $(this).parents("table"); 

    if (!last_clicked) 
     last_clicked = this; 

    if (event.shiftKey) { 
     var start = grid.find("tbody label.checkbox").index(this); 
     var end = grid.find("tbody label.checkbox").index(last_clicked); 
     // find checked state of last clicked 
     var checked_last = $(last_clicked).hasClass("checked"); 
     for (i = Math.min(start, end) ; i <= Math.max(start, end) ; i++) { 
      // don't check 'this', because flatUI will toggle it when we're done 
      if(i != start) 
       $(grid.find("tbody label.checkbox input:checkbox")[i]).checkbox(checked_last ? "check" : "uncheck"); 
     }    
    } 

    last_clicked = this; 
}); 

這也適用。問題是，它也會選中複選框之間的頁面上的所有文本！我如何阻止這種情況發生？

Answer 1

在你的邏輯處理shift鍵，就可以使用這個問題的答案隨後取消文本：

Clear a selection in Firefox