多個細胞中選擇表在HTML

Question

我試着具有細胞的多張選擇在一個表中的HTML

防爆到： 我有一個4×4矩陣表 和IM試圖選擇多個單元格

而且是否有可能以選擇它們

創建圍着桌子一個dragable選擇框這是可能的，如果我們也能做到只使用JavaScript和CSS來實現這一目標還是我們需要其他軟件也

謝謝

Answer 1

$("td").click(function() { 
    $(this).addClass("Selected"); 
}); 

然後只需使用一個名爲選定的css類來突出顯示它們與您的選擇風格。

使用$(".Selected")讓所有選定單元

如果你堅持不使用jQuery然後

var addEvent = function(event, elem, f) { 
    if (elem.attachEvent) { 
     elem.attachEvent("on" + event, f); 
    } else { 
     elem.addEventListener(event, f, false); 
    } 
}; 

var addClass = function(elem, className) { 
    if (elem.className.indexOf(className) == -1) { 
     elem.className += " " + className; 
    } else { 
     elem.className = elem.className.replace(" " + className, "");  
    } 
}; 

var addSelected = function() { 
    addClass(this, "Selected"); 
}; 

var tds = document.getElementsByTagName("td"); 

for (var i = 0, elem = tds[i]; i < tds.length; elem = tds[++i]) { 
    addEvent("click", elem, addSelected); 
} 

查看即時example