多个细胞中选择表在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